Hallo zusammen,
ich habe mit einer Seite die ich erstellt habe zwei Probleme, die ich nicht lösen kann.
-
die divs „inhaltlinks“ und „inhaltrechts“ spannen das div „wrapper“ nicht auf wenn der Inhalt entsprechend größer wird. auch wird die fußleiste leider nicht mit nach unten geschoben, wie ich das eigendlich geplant hatte:wink:
-
im Explorer wird das Logo nicht angezeigt.
ich weiss nicht wie man das hier handhabt, aber ich poste einfach mal die Stellen, von denen ich glaube das der Fehler darin liegt:
- {
margin:0px;
padding:0px;
font-family:helvetica, arial, tahoma, sans-serif;
font-size:1em;
}
#follows{
position:absolute;
top:0.5em;
right:12em;
}
#visit{
display:inline;
color:#e3e1aa;
font-family:helvetica, arial, sans-serif;
}
body {
margin-top:2.8em;
padding:0px;
text-align:center;
background-color:#001931;
background-attachment:fixed;
}
#box {
width:56.5em;
border-style:none;height:7px;
padding:0px;
background-color:#fac748;
margin:auto;
color:black;
}
#rechts {
width:30em;
height:10px;
background-image:url(EckeRx.jpg);
background-position: right bottom;
background-repeat:no-repeat;
overflow:visible;
border-style:none;
float:right;
padding:0px; margin:0px;
}
#links {
width:26em;
height:10px;
background-image:url(EckeLxx.jpg);
background-position:left, bottom;
background-repeat:no-repeat;
padding:0px;
overflow:visible;
float:left;
border-style:none;
margin:0px;}
#wrapper {
width:56em;
height:34.2em;
margin:0 auto;
border: solid 4px #fac748;
background-color:#fffedd;
color:white;
}
#header {
width:100%;
height:10em;
background-color:#fac748;
background-image:url(headergradient1.png);
background-repeat: no-repeat;
background-position:center;
float:clear both;
}
#header .kopf {
margin-top:1.0em;
margin-left:0.6em;
}
#header .schriftzug {
margin-bottom:1.3em;
}
#navleiste {
width:100%;
border-left: solid 1px maroon;
background-color:#fffedd;
margin:0px;
padding:0px;
height:2em;
}
#navleiste ul {
list-style-type:none;
text-decoration: none;
width:100%;
}
#navleiste li {
line-height: 1.9em;
width:9.26em;
float:left;
border: solid 1px;
border-left-style:none;
border-color:maroon ;
}
#navleiste li a {
color:#1e1e1e;
font-size:1em;
text-decoration:none;
display:block;
background-image:url(buttonby.png);
background-position: center;
font-weight:bold;
font-family:impact;
font-weight:lighter;
}
#navleiste li a:hover{
background-image: url(buttondunkel.png);
color:#fac748;
}
#inhaltlinks {
width:27em;
height:20.2em;
border: solid 0px;
float:left;
background-color:#fffed;
font-size:0.7em;
text-align: left;
padding-left:5em;
color:black;
margin:0.3em;
}
#inhaltrechts {
width:26.8em;
height:20.2em;
border: solid 0px;
float:right;
background-color:#fffed;
color:black;
background-image: url(Kai2.jpg);
background-repeat: no-repeat;
margin-top:0.3em;
}
#fussleiste {
width:56em;
height:1.3em;
border: solid 1px black;
background-color:#1e1e1e;
float:left;
vertical-align: middle;
padding-top:0.1em;
background-image:url(buttonblack.png);
background-position: center;
}
#fussleiste .impressum{
float:right;
text-decoration: none;
font-family:impact;
}
HTML-Teil:
Wäre toll, wenn sich das mal jemand angucken könnte!
Lieben Gruß