hi leute!
ich hab mich mal über xhtml und css gewagt... jetzt bräuchte ich jedoch kurz eure hilfe bzw anregung...
1) ich würde gerne in der mitte rechts neben dem content-div noch gerne ein menü-div basteln, aber irgendwie will das nicht so ganz... (der content-div soll in der breite her variabel sein und der menü-div eine fixe breite haben - irgendwie bringe ich das nämlich nicht ordentlich hin! *schande*versteck*hilfe*)
2) was haltet ihr sonst so von meinem code? xhtml-valid ist er... aber sonst? gibts verbesserungsvorschläge von euch?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>parental advisory</title>
<style type="text/css">
* {
margin:0px;
padding:0px;
}
html, body {
height:100%;
overflow:hidden;
}
body {
background-color:#000000;
text-align:center; /* horizontal centering for IE Win quirks */
}
#distance {
width:1px;
height:50%;
margin-bottom:-326px; /* half of container's height */
background-color:#000000;
}
#container {
width:100%;
height:300px;
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
}
#content {
height:100%;
margin-left:245px;
overflow:auto;
}
</style>
<style type="text/css">@import("iemac-center.css");</style>
</head>
<body>
<div id="distance"></div>
<div style="padding:170px 0 0 0; background-image:url(./images/parental.png); background-repeat:no-repeat; background-position:center;"></div>
<div style="width:100%; height:312px; background-color:#ffffff;">
<div style="width:100%; height:312px; background-image:url(./images/girl.png); background-repeat:no-repeat;">
<div style="padding:6px 0 0 0; background-image:url(./images/boarder_top.gif);"></div>
<div id="container">
<div id="content">
Lorem ipsum ...</p></div>
</div>
<div style="padding:6px 0 0 0; background-image:url(./images/boarder_bottom.gif);"></div>
</div>
</div>
<div style="padding:170px 0 0 0; background-image:url(./images/advisory.png); background-repeat:no-repeat; background-position:center;"></div>
</body>
</html>
live zu "bewundern" ist das ganze unter folgender adresse:
http://flowsworld.com/xhtml/index.htm
sollte jemand fragen zum code haben, einfach hier fragen oder sonst einfach ein email schicken...
besten dank für eure hilfe!
mfg
flow