LordPresten
Mitglied
hi,
bin gerade dabei ne Site zu coden und habe die Divs nebeneinander platziert, per float.
und habe ne nacileiste eingefügt, doch in den Boxen wir nichts angezeigt.
Nichtmal Text.
Ich weiß net wo der Fehler leigt. bitte helft mir
bin gerade dabei ne Site zu coden und habe die Divs nebeneinander platziert, per float.
und habe ne nacileiste eingefügt, doch in den Boxen wir nichts angezeigt.
Nichtmal Text.
HTML:
<style type="text/css">
body {width: 100%;
height:100%;
font-family: Arial, sans-serif;
font-size: 12px;}
#box {width: 55%;
height: 1000px;
background-color: #000;
margin:auto;
}
#header {width:100%;
height:150px;
background-image:url('http://i40.tinypic.com/9s4hnn.jpg');
border:0px; position:absolute ; top:0%; left:0%; right:0%;
}
#name {width: 300px;
height:80px;
background-image: url('pics/schrift.jpg');
position: absolute; top: 40px; left: 22.5%;
}
#div1 {width: 100%; height:100%;
background-color: #000000;
border:0px; }
#nav {width:19.5%; background-color:#fff;
float:left;
border: 1px solid silver;
height:100%;
}
#cbox {width: 80%; background-color: #fff;
height:100%;
border:1px solid silver;
border-left-width:1px;
float:right
}
#navc {width:100%; background-color:#fff;
border: 0px; float:left;
color: #000;}
#footer {width:100%; height:80px;
background-image:url('http://i42.tinypic.com/qrg384.jpg'); background-attachment:fixed;
position: absolute; left:0%;}
/* Navigationsleiste */
ul#Navigation {
width: 19.5%;
text-align:left;
margin: 0; padding: 0.Pem;
border: 0px solid black;
background-color: #fff;
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 19.5%;
w\idth: 10em;
padding-left: 0;
padd\ing-left: 0.0em;
}
ul#Navigation li {
list-style: none;
margin: 0.0em; padding: 0;
}
ul#Navigation a {
display: none;
padding: 0.0em;
text-decoration: none; font-weight: bold;
border: 0px solid black;
border-left-color: white; border-top-color: white;
color: #000; background-color: #fff;
}
* html ul#Navigation a { /* Breitenangaben nur fuer IE */
width: 100%;
w\idth: 8.8em;
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-left-width: 5px;
color: #8a0000; background-color: gray;
}
</style>
</head>
<body>
<div id="header">
<div id="name"></div>
</div>
<div id="box">
asdsd
<div id="div1">
<div id="nav">
<div id="navc">sdasd
<ul id="Navigation">
<li><a href="nav_definieren.htm">Beispiel 1</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
</ul>
</div>
</div>
<div id="cbox">asdsad
</div>
</div>
sfsdfdsf
Footer</div>
<div id="footer"></div>
</body>
</html>
Ich weiß net wo der Fehler leigt. bitte helft mir