Versuchs mal ohne das Hintergrundbild Ich glaube mal das dein Hintergrundbild fest ist
Du hast es ja nicht ausgerichtet
Mit CSS kann man ja keine Hintergrundbilder skalieren aber du könntest es mit extra Elementen für deine Bilder versuchen
Da du dein Bild dort hast verschiebt sich alles nach unten
Im gesamten sollte es eigentlich so funktionieren:
<html>
<head>
<title>Eismond Design Startseite</title>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1"/>
<meta name="content-language" content="de"/>
<meta name="author" content="Frederik Opel"/>
<meta name="copyright" content="Gudrun Opel-Sagawe"/>
<meta name="keywords" content="Hobby,Design,Eismond,Eismond-Design,Nähen,Naehen,Handarbeit,Patchwork,Quilt,quilten,Stoff,Nähmaschine,Naehmaschine,Haekeln,Häkeln,Stricken"/>
<meta name="description" content="Eismond Design Handarbeit aus Leidenschaft"/>
<meta name="language" content="Deutsch"/>
<meta name="revisit" content="After 30 days"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<link href="design.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="navi">
<a href="http://www.eismond-design.de/index.htm" class="a:link">Home</a>
<a href="http://www.eismond-design.de/galerie.htm" class="a:link">Galerie</a>
<a href="http://www.eismond-design.de/blog.htm" class="a:link">Blog</a>
<a href="http://www.eismond-design.de/dawanda.htm" class="a:link">DaWanda-Shop</a>
<a href="http://www.eismond-design.de/mailform.php" class="a:link">Kontakt</a>
<a href="http://www.eismond-design.de/impressum.htm" class="a:link">Impressum</a>
</div>
<div id="inhalt">
<h2>Home</h2>
<p>Herzlich Willkommen auf meiner Homepage.</p>
<p>Seht euch ein wenig in meiner Galerie um, dort sind viele meiner Werke zu bewundern.</p>
<p>Unter "Mein Blog" findet ihr meinen Blog auf Blogspot.com</p>
<p>und unter Dawanda meinen Dawanda-Shop in dem ihr, von mir hergestellte, Artikel kaufen könnt.</p>
<p></p>
<p>Viel Spaß</p>
</div>
<div id="formular">
Kontaktformular einfügen
</div>
</body>
</html>
Alles anzeigen
Und deine CSS:
#inhalt{
position:relative;
margin: 0 auto;
width:80%;
width:800px;
color:#05296E;
font-family:Verdana, Arial, sans serif;
z-index:100;
}
#navi{
position:relative;
background:url(http://www.eismond-design.de/pixs/navi/navigation.jpg) no-repeat;
text-align:center;
word-spacing:30px;
height:40px;
padding-top:5px;
padding-bottom:5px;
}
a:link{
color:#60B0FC;
font-size:20px;
font-family:Verdana, Arial, sans serif;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a:visited{
color:#60B0FC;
font-size:20px;
font-family:Verdana, Arial, sans serif;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a:active{
color:#05296E;
font-size:20px;
font-family:Verdana, Arial, sans serif;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a:hover{
color:#05296E;
font-size:20px;
font-family:Verdana, Arial, sans serif;
font-weight:bold;
text-align:center;
text-decoration:none;
}
#formular {
top: x;
left: x;
position: absolute;
height: auto;
width: auto;
Alles anzeigen
Auto nur verwenden wenn es für das Kontaktformular eine Angabe von Pixeln gibt.
Ansonsten Prozent- oder Pixelangabe.
Wenn du das mit den Elementen für die Bilder machst rate ich dir "position: fixed;" wegzulassen und die Position absolute anzugeben
Wenns nicht funktioniert sag bescheid