Hi mein Problem ist, das ich mein layout nicht richtig aufgebaut bekomme.
Mein Header und content1 ergeben ein gemeinsames bild und das ist verzogen.
Fehler Bild:
Html Code(design.html):
CSS-Code(site.css)
Mein Header und content1 ergeben ein gemeinsames bild und das ist verzogen.
Fehler Bild:
Html Code(design.html):
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>4MC fun ecards</title>
<link href="site.css" rel="stylesheet" type="text/css" />
</head>
<body background = "Bilder/bg.png">
<div align="center" id="site">
<div id="header">
</div>
<div id="content2">
<div id="content1">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>CSS-Code(site.css)
PHP:
body {
font-family: Helvetica;
font-size: 12px;
line-height: 24px;
color: #000000;
}
#header {
background:transparent url(bilder/header.png);
height:256px;
width:750px;
margin: 0 auto;
}
#content1 {
background:transparent url(bilder/content_bg1.png);
height:160px;
width:750px;
font-size: 14px;
font:"Verdana", sans-serif;
margin: 0 auto;
}
#content2 {
background:transparent url(bilder/content_bg2.png);
height:auto;
width:750px;
font-size: 14px;
font:"Verdana", sans-serif;
}
#footer {
background:transparent url(bilder/footer_bg.png);
height:98px;
width:750px;
margin:auto;
font-size: 14px;
}
