nicht angemeldet
Hallo,
ich teste gerade CSS Layout anstatt Tabellen Layout. Obwohl viel über float und Inkompatibilität dazu, geschrieben worden ist kann ich immer noch nicht erkennen wie zwei div's nebeneinander platzieren kann.
In Selfhtml z. B. ist nur ein Beispiel mit li und div nebeneinander oder li / div / div. Aber wie geht das mit 2 div's und zwar so dass es im FF und(!) im IE sauber dargestellt wird?
Es soll im linken div das Logo und im rechten die Navigation untergebracht werden.
Mein Code bis jetzt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="shortcut icon" href="$basepath/favicon.ico">
<title>Vanvara.com - Individuelle, Preiswerte & Praktische Wohnaccessoires</title>
<style type="text/css">
body {
color: black;
background-color: white;
font-size: 100.01%;
font-family: verdana,helvetica,sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
div#page {
text-align: left;
margin: 0 auto;
width: 750px;
padding: 0;
border: 2px solid #000000;
}
html>body div#page {
border-color: #000000;
}
div#header {
text-align: left;
margin: 0;
width: 750px;
padding: 0;
border: 2px solid #0000ff;
}
html>body div#header {
border-color: #0000ff;
}
div#logo {
text-align: left;
float: left;
margin: 0;
width: 200px;
padding: 0;
border: 1px solid #00ff00;
}
html>body div#logo {
border-color: #00ff00;
}
div#nav {
text-align: left;
margin: 0;
width: 550px;
padding: 0;
border: 1px solid #ff0000;
}
html>nav div#logo {
border-color: #ff0000;
}
</style>
</head>
<body>
<div id="page">
<div id="header">
<div id="logo">
x
</div> <!-- logo -->
<div id="nav">
x
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- page -->
</body>
</html>
Danke für die Mühe
MudGuard