Ich bin auch kein Experte.
Weiß nur, dass mir die falsche Dekleration schon das ein oder andere Design zerhauen hat. (Die einzelnen Deklerationen haben auch Ihre eigenen .ddt's, darauf hast du aber geachtet, oder?)
Ich müsste halt mal einen Blick auf die gesamten Dateien werfen - sowohl die gesamte css, als auch die htm(l).
ich habs einfach rauskopiert ;)
Die Css datei ist diese:
<html>
<head>
<title>Style</title>
<style type="text/css">
body {
color: black; background-color: lightgrey;
background-image: url(Sonne.jpg);background-attachment:fixed;
font-size: 100.01%;
font-family: Comic sans Ms, Verdana;
margin: 0; padding: 1em;
#border: 2px solid black;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.7em; padding: 0.3em;
text-align: center;
background-color: #a7caf0;
border: 2px ridge silver;
}
ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0 0 1.2em; padding: 0;
border: 1px dashed silver;
position: fixed;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #a7caf0;
}
ul#Navigation a:visited {
color: #666; background-color: #a7caf0;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
div#Info {
background-image: url(palme.jpg);background-attachment:fixed;
font-size: 0.9em;
float: right; width: 12em;
margin: 0 0 1.1em; padding: 0;
background-color: #eee; border: 1px dashed silver;
}
div#Info h2 {
font-weight:bold;;
margin: 0.2em 0.5em;
text-align:center;
}
div#Info p {
font-size: 1em;
margin: 0.5em;
}
div#Inhalt {
width:400px;
margin: 0 12em 1em 16em;
#min-height:500Px;
padding:3px;
border: 1px dashed black;
background-image: url(Seestern.jpg);background-attachment:fixed;
font-weight:bold;
text-align:center;
position:absolute;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
background: transparent;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0.2em 0;
background: transparent;
text-align:center;
font-weight:bold;
font-color:brown;
text-decoration:underline;
}
div#Inhalt p {
font-size: 1em;
background: transparent;
height:100%;
}
div#leer {
clear:both;
}
div#bild img {
width:32%;
float:left;
border: 1px solid black;
margin-left:2px;
margin-bottom:20px;
text-align:center;
}
div#Fusszeile {
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #a7caf0; border: 1px solid silver;
}
</style>
</head>
Und die Html Datei hab ich noch gar nicht richtig bearbeitet, weil eben der Body nicht richtig angezeigt wird..
Da hab ich eben das, was ich vorhin schon mal gepostet hab..