Hallo Leute,
ich habe folgendes tabellenfreies Layout erstellt. Funzt super.
Nun habe ich eine Frage/Problem:
<div id="layzusatz"> liegt im Layout unter <div id="laynavigation">. Da die Navigation in der Höhe aber variabel ist, soll die id layzusatz sich an der jeweiligen Höhe ausrichten und sich entsrechend poritionieren. Geht das?
Das Selbe gilt für <div id="laycontent"> und <div id="layfooter">
Oder hab ich was falsch gemacht?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Kakteenseite von Thomas Schmid</title>
<link href="css/kakteen.css" rel="stylesheet" media="screen">
<style type="text/css" media="screen"><!--
#layheader { position: absolute; top: 0px; left: 10px; visibility: visible; display: block }
#laynavigation { color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; position: absolute; top: 200px; left: 10px; width: 220px; height: 500px; overflow: visible; visibility: visible; display: block }
#laycontent { position: absolute; top: 200px; left: 230px; width: 600px; height: 500px; overflow: visible; visibility: visible; display: block; color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-left: 10px }
#layzusatz { position: relative; top: 650px; left: 10px; visibility: visible; display: block }
#layfooter { position: relative; top: 600px; left: 220px; visibility: visible; display: block }
--></style>
</head>
<body>
<div id="layheader">
CMS_CONTAINER[1]</div>
<div id="laynavigation">
CMS_CONTAINER[2]</div>
<div id="laycontent">
CMS_CONTAINER[3]</div>
<div id="layzusatz">
CMS_CONTAINER[4]</div>
<div id="layfooter">
CMS_CONTAINER[5]</div>
</body>
</html>
Gruß
Thomas
(Verständnis) Problem mit CSS
-
- Beiträge: 3626
- Registriert: Di 12. Okt 2004, 20:00
- Wohnort: Voerde (Niederrhein)
- Kontaktdaten:
IMO hat die Frage nicht das Geringste mit Contenido zu tun, daher wäre die evtl. besser in einem anderen Forum aufgehoben, z.B.:
http://forum.de.selfhtml.org/
Da gibt es auch gleich Hinweise zu CSS-basierten Layouts:
http://de.selfhtml.org/css/layouts/index.htm
http://forum.de.selfhtml.org/
Da gibt es auch gleich Hinweise zu CSS-basierten Layouts:
http://de.selfhtml.org/css/layouts/index.htm
-
- Beiträge: 1758
- Registriert: Mo 1. Aug 2005, 00:35
- Wohnort: in der schönen Hallertau, mitten im Hopfen
- Kontaktdaten:
http://www.thenoodleincident.com/tutori ... boxes.html
... um nur ein weiters beispiel zum gucken/lernen zu nennen
... um nur ein weiters beispiel zum gucken/lernen zu nennen
Grüsse, Guido
"A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools."
Mostly Harmless - Douglas Adams
"A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools."
Mostly Harmless - Douglas Adams