(Verständnis) Problem mit CSS
Verfasst: Mi 23. Aug 2006, 14:27
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
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
Aber du bist in einem HTML-Forum besser aufgehoben mit solchen Fragen, wenn wir das hier auch behandeln würden, dann würde das Forum explodieren. 