Es ist unglaublich, wie haben schönes Wetter, leider bin ich noch CSS-Problem-Behaftet. Wir müssen das jetzt ganz schnell Lösen, obwohl es sehr trivial ist, komm ich einfach nicht hinter und zweifel schon an mir selber.
bei dem code:
das ganze sieht bei Firefox so aus, dass er den Header hinter die LeftMenu Box schiebt und insgesamt ne breite von 850 hat statt 1000.
beim ie6 habe ich einen abstand zwischen den boxen von 3 px obwohl alles auf null gesetzt ist.
und der IE7 zeigt es so an wie ich es gerne hätte.
Bilder im Anhang, würde mich freuen über schnelle Antwort, danke...
1. FirefoxScreenshot 2. IE6Screenshot 3. IE7 Screenshot
Lieben Gruß
Adam
bei dem code:
HTML:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* { border: 0; margin:0; padding: 0; }
html,body {height:100%;}
#header {width:850px; background-color:blue; height:70px;}
#page {width:1003px;height:100%;}
#page_right {width:850px;}
#page_left {height:100%;width:150px; background-color:orange;float:left;}
#content {width: 850px;}
#left_column {width: 200px; float: left;}
#center_column {width: 450px; float: left;}
#right_column {width: 200px; float: left;}
</style>
</head>
<body>
<div id="page">
<div id="page_left">
<p>menu</p>
<p>Hallo</p>
</div>
<div id="page_right">
<div id="header">
<h1>Header</h1>
</div>
<div id="content">
<div id="left_column"><h1>Top Offers</h1></div>
<div id="center_column"><h1>Quicksearch</h1></div>
<div id="right_column"><h1>Advertising</h1></div>
</div>
</div>
</div>
</body>
</html>beim ie6 habe ich einen abstand zwischen den boxen von 3 px obwohl alles auf null gesetzt ist.
und der IE7 zeigt es so an wie ich es gerne hätte.
Bilder im Anhang, würde mich freuen über schnelle Antwort, danke...
1. FirefoxScreenshot 2. IE6Screenshot 3. IE7 Screenshot
Lieben Gruß
Adam
