IE

Slash · 2. Dezember 2009

Versuch mal mit margin-top. Das müsste der IE eigentlich drauf haben.

RedTurtok · 29. Dezember 2009

ich habs versucht es für den IE umzuschreiben, ist auch fast gelungen :D

HTML

<html><head><link rel="stylesheet" type="text/css" href="style.css" /><link rel="stylesheet" type="text/css" href="css/weblog.css"></head><body><div style="width:95%"><div class="banner"><br /><br />Hier kommt bald der Banner rein...</div><div class="menu"><div align="center"><br><br /><a href="javascript: void(1);" onclick="if(document.getElementById('hidden1').style.display == 'none') { document.getElementById('hidden1').style.display = 'block';} else { document.getElementById('hidden1').style.display = 'none'; }">Allgemein</a> <div style="display: none;" id="hidden1"><a href="index.php" >News</a><br>weiteres folgt...</div><br /><a href="javascript: void(1);" onclick="if(document.getElementById('hidden2').style.display == 'none') { document.getElementById('hidden2').style.display = 'block';} else { document.getElementById('hidden2').style.display = 'none'; }">Feld2</a> <div style="display: none;" id="hidden2">Feld2 Untermenu1</div><br /><a href="javascript: void(1);" onclick="if(document.getElementById('hidden3').style.display == 'none') { document.getElementById('hidden3').style.display = 'block';} else { document.getElementById('hidden3').style.display = 'none'; }">Feld3</a> <div style="display: none;" id="hidden3">Feld3 Untermenu1</div><br /><a href="javascript: void(1);" onclick="if(document.getElementById('hidden4').style.display == 'none') {document.getElementById('hidden4').style.display = 'block';} else { document.getElementById('hidden4').style.display = 'none'; }">Feld4</a> <div style="display: none;" id="hidden4">Feld4 Untermenu1</div><br /><br><br><br><br><br></div></div> <div class="banner-menu"><a href="guestbook.php">Gästebuch</a></div><div class="inhalt" style="float:left"><br><br><br><div id="wrapper" style="text-align:center"><span>[ <a href="index.php">Home</a> ]</span><p>Anzahl der Einträge: 1</p><table border='1px' align="center"><tr><td width='900px'><div align='center'><h3>Test</h3></div></td></tr><tr><td><p><br><br><br>dies ist ein Testeintrag^^<br><br><br></p></td></tr><tr><td><div><small>eingetragen von <b>ludicard.de</b> am <strong>06.12.2009, 13:19 Uhr</strong></small></div></td></tr></table><br><br><p>[ <a href='#wrapper'>nach oben</a> ]</p></div></div></div></body></html>

und das CSS

CSS

body {
background-color:#FFCC33;
font-family:Arial;
font-size:15px;
}








div.inhalt {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
border: 1px solid;
background-color:#FF9900;
left:200px;
top:125px;
width:1010px;
}


div.menu {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
left:13px;
top:100px;
width:185px;
float:left;
background-color:#FF6600;
}


div.banner-menu {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
background-color:#FF6600;
text-align:center;
}


div.banner {
left:20px;
top:6px;
width:851px;
height:88px;




}


a {
color:black;
}

Alles anzeigen

ist zwar nicht alles ganz sauber, aber ich hatte jetzt kein Bock alles umzuschreiben

P.S: Wenn du Abstand zwischen den Dingen haben willst, musst du margin und padding mit einbringen