PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS - IE zeigt Container doppelt bzw. zu groß an


ksticker
12.05.2008, 17:40:09
Hy, all!

Bei der Umsetzung meines Designs bin ich heute mal auf folgendes Problem gestoßen, und zwar zeigt mir der Internet-Explorer die Horizontale Linie einmal zu viel an.
Ich finde den Fehler allerdings nicht.

Das CSS-Script

#background
{
position: absolute;
top: 140px;
left: 0px;
background-image: url("background.png");
width: 100%;
width: expression(document.body.clientWidth > 1500? "1500px": document.body.clientWidth && document.body.clientWidth < 1000? "1000px": document.body.clientWidth);
min-width: 1000px;
max-width: 1590px;
height: 860px;
}
#header
{
position: absolute;
top: 0px;
left: 0px;
background-image: url("header.png");
width: 100%;
width: expression(document.body.clientWidth > 1500? "1500px": document.body.clientWidth && document.body.clientWidth < 1000? "1000px": document.body.clientWidth);
min-width: 1000px;
max-width: 1590px;
height: 110px;
max-height: 870px;
}
#menuebar
{
position: absolute;
top: 105px;/* Abstand ist durch eigenen Bildabstand bedingt */
left: 0px;
background-image: url("menue_bar_green.png");
width: 100%;
width: expression(document.body.clientWidth > 1500? "1500px": document.body.clientWidth && document.body.clientWidth < 1000? "1000px": document.body.clientWidth);
min-width: 1000px;
max-width: 1590px;
height: 40px;
max-height: 48px;
}
#menueleft
{
position: absolute;
top: 10px;/* Abstand ist durch eigenen Bildabstand bedingt */
left: 0px;
background-image: url("menue_green.png");
width: 237px;
height: 839px;
z-index: 2;
}
#line_menue_top_one
{
position: absolute;
top: 9px;
left: 207px;
background-image: url("line_green.png");
width: 100%;
max-width: 1383px;
height: 5px;
z-index: 1;
}
#line_menue_top_two
{
position: absolute;
top: 39px;
left: 207px;
background-image: url("line_green.png");
width: 100%;
max-width: 1383px;
height: 5px;
z-index: 1;
}
#line_menue_bottom_one
{
position: absolute;
top: 811px;
left: 207px;
background-image: url("line_green.png");
width: 100%;
height: 5px;
max-width: 1383px;
z-index: 1;
}
#line_menue_bottom_two
{
position: absolute;
top: 841px;
left: 207px;
background-image: url("line_green.png");
width: 100%;
max-width: 1383px;
height: 5px;
z-index: 1;
}
#content
{
position: absolute;
top: 50px;
left: 250px;
width: 80%;
max-width: 1370px;
height: 85%;
color: #667F66;
}


Eingebunden werden die Klassen jeweils so:
<div id="content"></div>

Das ganze gibt es hier live zu sehen:
http://www.ksticker.de

Im Mozilla/Firefox habe ich es bisher nicht testen können.


Vielen Dank schoneinmal ;-)

ksticker
13.05.2008, 16:30:22
Habe das Problem lösen können und zwar mit:
background-repeat: no-repeat;

Wenn jemand noch eine andere Lösung kennt immer her damit.