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>
Alles anzeigen
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;
}
Alles anzeigen
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]