CSS - anstelle von frames

schnurzli · 29.09.2004, 13:48

hi,

ich würde gern von den frames wegkommen, möchte aber deren vorteile noch weiterhin nutzen. ein layout mit tables kommt für mich nicht in frage.

im anhang seht ihr, wie ich es gern hätte.
wenn ich das ergebnis jedoch im IE oder mozilla ansehe, habe ich folgende anzeigeprobleme -> Homepage

mein code des css-files:

body {
font-size: 12px;
font-family: verdana;
background-color: #D3D3D3;
margin: 20px;
}
#head {
height: 60px;
border:1px solid #000000;
background-color:#efefef;
margin-bottom:20px;
}
#left {
border: #000000 1px solid;
float: left;
width: 180px;
margin-right: 10px;
background-color: #efefef;
}
#main {
border: #000000 1px solid;
float: left;
width: 83.2%;
margin-left: 10px;
background-color: #efefef;
}
#foot {
border: #000000 1px solid;
clear: both;
height: 30px;
margin-top: 20px;
background-color: #efefef;
}

meine index-datei:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/html1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="layout.css"/>
</head>
<body>
<div id="head">head</div>
<div id="left">left</div>
<div id="main">main</div>
<div id="foot">foot</div>
</body>
</html>

29.09.2004, 13:48	#1
schnurzli Jr. Member Registriert seit: 08.07.2004 Alter: 43 Beiträge: 55	CSS - anstelle von frames hi, ich würde gern von den frames wegkommen, möchte aber deren vorteile noch weiterhin nutzen. ein layout mit tables kommt für mich nicht in frage. im anhang seht ihr, wie ich es gern hätte. wenn ich das ergebnis jedoch im IE oder mozilla ansehe, habe ich folgende anzeigeprobleme -> Homepage mein code des css-files: body { font-size: 12px; font-family: verdana; background-color: #D3D3D3; margin: 20px; } #head { height: 60px; border:1px solid #000000; background-color:#efefef; margin-bottom:20px; } #left { border: #000000 1px solid; float: left; width: 180px; margin-right: 10px; background-color: #efefef; } #main { border: #000000 1px solid; float: left; width: 83.2%; margin-left: 10px; background-color: #efefef; } #foot { border: #000000 1px solid; clear: both; height: 30px; margin-top: 20px; background-color: #efefef; } meine index-datei: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/html1/DTD/xhtml1-strict.dtd"> <html> <head> <title>index</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <link rel="stylesheet" type="text/css" href="layout.css"/> </head> <body> <div id="head">head</div> <div id="left">left</div> <div id="main">main</div> <div id="foot">foot</div> </body> </html> ____________________________________ MfG Richi

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Zur Linear-Darstellung wechseln Zur Hybrid-Darstellung wechseln Baum-Darstellung

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)