nicht angemeldet
unterer Rand bei Layern und Opera
Hallo,
ich hab einen Layer mit height:100%
Beim Opera wird aber nicht die ganze Höhe gefüllt, sondern es bleibt unten ein weisser Rand. Wenn ich z.B. height:103% angeb, ist der Rand zwar weg, dafür muss ich jetzt aber beim Explorer und Mozilla scrollen.
Krieg ich den Rand auch auf ne andere Weise weg?
Danke und Gruss
Sandine
-
hi
ich hab einen Layer mit height:100%
Beim Opera wird aber nicht die ganze Höhe gefüllt, sondern es bleibt unten ein weisser Rand. Wenn ich z.B. height:103% angeb, ist der Rand zwar weg, dafür muss ich jetzt aber beim Explorer und Mozilla scrollen.
Krieg ich den Rand auch auf ne andere Weise weg?hat der Rand zufällig die Höhe der Scrollbar? Wenn ja - einmal resize hilft oft.
Grüße aus Lübeck
Kai
-
hallo
ich hab einen Layer mit height:100%
Beim Opera wird aber nicht die ganze Höhe gefüllt, sondern es bleibt unten ein weisser Rand. Wenn ich z.B. height:103% angeb, ist der Rand zwar weg, dafür muss ich jetzt aber beim Explorer und Mozilla scrollen.
Krieg ich den Rand auch auf ne andere Weise weg?hat der Rand zufällig die Höhe der Scrollbar? Wenn ja - einmal resize hilft oft.
hat leider nicht geklappt...der Rand hat die Höhe von dieser Leiste, die während dem Laden angezeigt wird.
Grüsse
Sandine
-
-
Hallo,
sicher wäre es günstiger Du würdest einfach mal den code posten.
Allgemein:
Benutzt Du CSS-Angaben kannst Du mit JavaScript ausgleichen.
if(navigator.userAgent.indexOf("Opera")!=-1)
document.getElementById(layerid).style.height="103%";Da auch apdding und margin-Angaben in stylesheets zu Verwirrungen führen, gibt es noch den Trick der absichtlichen Fehler:
Der IE kann zB. in Sylesheets height=400px auswerten, während sich andere Browser strikt an die Standards-CSS height:400px halten.
Ein gute Trick ist auch einen Layer nicht mit Stylesheet in der Höhe zu belegen sondern mit einem Bild von 1Pixel Breite und der gewünschten Höhe zu versehen.<DIV><img src=spacer.gif width=1px height=400px><span id=deinlayer style="position:absolute;top:0px;left:0px;">HTML-Code</span></DIV>
(ab Netscape 4.x und alle IEs,icab, Mozilla, Opera, konqueror etc.)Da nicht alle Browser 100% standard-kompatible sind, empfiehlt sich auch dieser Trick:
<!-- doctype HTML 4.0 !!!! -->
<Table><TR>
<TD align=center valign=middle><DIV id=deinLayer style="position:relative">HTML-Code</DIV></td></TR></table>-
hi
Der IE kann zB. in Sylesheets height=400px auswerten, während sich andere Browser strikt an die Standards-CSS height:400px halten.
diesen Schrott hat sich der 6er abgewöhnt!
Grüße aus Lübeck
Kai
-
Hallo Michael,
sicher wäre es günstiger Du würdest einfach mal den code posten.
danke für Deine Tipps, hier is der Code (ich hatte erst Frames und wollte es jetzt mal mit CSS machen):
#menu {
position:absolute;
top:0px;
left:0px;
background-color:rgb(51,132,114);
width:200px;
height:100%;
z-index:1;
}Allgemein:
Benutzt Du CSS-Angaben kannst Du mit JavaScript ausgleichen.
if(navigator.userAgent.indexOf("Opera")!=-1)
document.getElementById(layerid).style.height="103%";so werd ichs mal versuchen...
Gruss Sandine
-