Hallo Liebe Community
Ich hab folgendes Problemchen mit meiner Homepage..und zwar habe ich die mit dem Editor Dreamweaver erstellt.
Layout mit Photoshop.
so wenn ich z.B ein bzw. mehrer paragraphen im INHALT einfüge, verzerrt er mir das Design nach unten...also ein Abstand zwischen NAVIGATION und dem INHALT, was ungefähr 5/6 px beträgt, wie kann ich das beheben?
>>>
HTML Code:
Ich hab folgendes Problemchen mit meiner Homepage..und zwar habe ich die mit dem Editor Dreamweaver erstellt.
Layout mit Photoshop.
so wenn ich z.B ein bzw. mehrer paragraphen im INHALT einfüge, verzerrt er mir das Design nach unten...also ein Abstand zwischen NAVIGATION und dem INHALT, was ungefähr 5/6 px beträgt, wie kann ich das beheben?
>>>
HTML Code:
HTML:
<!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" xmlns:ice="http://ns.adobe.com/incontextediting">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bax.org</title>
<link href="Bilder/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="navi">• <a href="Index.html" onfocus="this.blur();">Pocetna</a> •
<a href="vijesti.html" onfocus="this.blur();">Vijesti</a> •
<a href="download.html" onfocus="this.blur();">Download</a> •
</div>
<div id="inhalt">
</div>
<div id="footer"><a href="impressum.html"onfocus="this.blur();">Impressum </a> · <a href="kontakt.html"onfocus="this.blur();">Kontakt</a>
</div>
</body>
</html>
Code:
#header {
background-image: url(iLahije-version-2_01.png);
height: 133px;
width: 1000px;
}
#navi {
background-image: url(navi.png);
height: 34px;
width: 970px;
padding-left:30px;
font-size:17px;
color: #cccc00;
font-family: Arial;
padding-top: 8px;
}
#inhalt {
background-image: url(ilahije-XL_03.png);
height: 594px;
width: 1000px;
font-size: 16px;
color: #FFF;
margin-top: 0;
}
a:link {
color: #E1CE06;
text-decoration: none;
}
a:visited {
text-decoration:none;
color: #E1CE06;
}
a:hover {
color: #FF0;
overflow: hidden;
border-bottom:3px;
}
a:active {
text-decoration: none;
color: #FF0;
}
body {
margin-top:0px;
margin-left:150px;
margin-right:50px;
}
#footer {
background-image: url(foooooter.png);
width: 1000px;
height: 22px;
text-align: center;
color: #E1CE06;
padding-top: 5px;
}