Hallo,
ich wollte das Layout meiner nächsten Website mit css bewerkstelligen (da überall gesgat wird Tabellen sind nicht zu Layouten da...)
Das sollte dann so aussehen
tut es aber leider nicht ...
index.html:
basic.css:
ich wollte das Layout meiner nächsten Website mit css bewerkstelligen (da überall gesgat wird Tabellen sind nicht zu Layouten da...)
Das sollte dann so aussehen
tut es aber leider nicht ...
index.html:
Code:
<!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=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<link rel="shortcut icon" href="">
</head>
<body>
<div id="cont">
<div id="top">
</div>
<div id="mid_left"></div>
<div id="mid_mid"></div>
<div id="mid_right"></div>
</div>
<div id="bottom"></div>
</div>
</body>
</html>
basic.css:
Code:
body{
background-color:#666666;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#top{
position: relative;
top: 0px;
width: 974px;
height: 30px;
margin:0px auto 0px auto;
background-color:ffffff;
}
#cont{
position: relative;
width: 974px;
height: auto;
margin:0px auto 0px auto;
background-color:ffffff;
}
#mid_left{
position: relative;
width: 170px;
min-height: 500px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:ffffff;
border: 1px dotted;
border-color:#FF0000;
float:left;
}
#mid_mid{
position: relative;
width: 500px;
min-height: 500px;
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
background-color:ffffff;
border: 1px dotted;
border-color:e2001a;
float:left;
}
#mid_right{
position: relative;
width: 274px;
min-height: 500px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:ffffff;
border: 1px dotted;
border-color:e2001a;
float:left;
}
#bottom{ position: relative;
bottom: 0px;
width: 974px;
height: 72px;
margin:0px auto 0px auto;
background-color:ffffff;
clear:both;
}