Peter Klein
Erfahrenes Mitglied
Hallo
Habe ein kleines Problem mit den Browserweichen.
Und zwar möchte ich das folgendes Layout auch mit dem IE korrekt dargestellt wird.
Habe hier eine Anelitung liegen mit Browserweichen aber irgendwie verstehe ich das nicht ganz. Aber möchte mich damit auseinander setzen. Nen kleinen Denkanstoß wäre gut.
Die HTML Datei:
Und die CSS:
Hoffe mir kann einer erklären wie ich die Browserweiche schreiben muss.
Peter
Habe ein kleines Problem mit den Browserweichen.
Und zwar möchte ich das folgendes Layout auch mit dem IE korrekt dargestellt wird.
Habe hier eine Anelitung liegen mit Browserweichen aber irgendwie verstehe ich das nicht ganz. Aber möchte mich damit auseinander setzen. Nen kleinen Denkanstoß wäre gut.
Die HTML Datei:
HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div id="head">Kopfbereich</div>
<div id="nav">Navi</div>
<div id="pic">Bilder</div>
<div id="content">Inhalt</div>
<div id="footer">Footer</div>
</body>
</html>
Und die CSS:
Code:
body {
margin-top: 0px;
margin-bottom: 0px;
}
#head {
width: 800px;
height: 100px;
background-color:#CCCCCC;
}
#nav {
width: 800px;
height: 40px;
background-color:#FFFFFF;
border-bottom: 1px solid #999999;
}
#pic {
width: 250px;
height: 300px;
float:left;
background-color:#FFFFFF;
border-right: 1px solid #999999;
}
#content {
background-color: #EEEEEE;
width: 800px;
height: 300px;
}
#footer {
clear:both;
background-color:#FFFFFF;
width: 800px;
height: 30px;
border-top: 1px solid #999999;
}
Hoffe mir kann einer erklären wie ich die Browserweiche schreiben muss.
Peter