Hi @ all,
ich will gerade mein neues Layout , das aus einzelnen Bildern besteht, in eine Css Site umwandeln. Bis jetzt hat alles gut funktioniert, doch jetzt kommt das erste Problem. Der Content will nicht an die Stelle an der er soll. Hier mein Code:
index.html
HTML
<html>
<head>
<title>slice</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="wrap">
<div class="header"></div>
<div class="navi"></div>
<div class="navibtm"></div>
<div class="links"></div>
<div class="contenttop"></div>
<div class="mitte"></div>
<div class="angebotetop"></div>
<div class="rechts"></div>
<div class="content">s</div>
</div>
</body>
</html>style.css
Code
body{
text-align:center;
}
.wrap{
width:800px;
height:100%;
}
.header{
background-image: url(images/slice_01.gif);
height:157px;
width:800px;
}
.navi{
background-image: url(images/slice_02.gif);
height:26px;
width:800px;
}
.navibtm{
background-image: url(images/slice_03.gif);
height:55px;
width:800px;
}
.links{
background-image: url(images/slice_04.gif);
height:399px;
width:14px;
float:left;
}
.contenttop{
background-image: url(images/slice_05.gif);
height:30px;
width:589px;
float:left;
}
.mitte{
background-image: url(images/slice_06.gif);
height:339px;
width:22px;
float:left;
}
.angebotetop{
background-image: url(images/slice_07.gif);
height:30px;
width:161px;
float:left;
}
.rechts{
background-image: url(images/slice_08.gif);
height:399px;
width:14px;
float:left;
}
.content{
float:left;
margin-left:14px;
background-image: url(images/slice_09.gif);
height:146px;
width:589px;
}Und hier noch ein Link um alles zu betrachten:
http://phpkevin.yourftp.de/test/
Ich hoffe ihr könnt mir helfen .Der content muss einfach in seine passende Lücke rutschen....
mfg[/code]
Muss ja wohl nicht sein, oder?