firefox und div-Layer mit Rahmen
inga
- css
0 Ingo Turski0 inga0 Inga0 Ingo Turski0 Inga
Hallo
Habe einen Layer mit einem 5px Rahmen und einer definierten Breite (600px)angelegt. Dieser ist in IE und Opera genau 600px breit, nur in Firefox ist er 610px breit geworden. Bei div-Layern ohne Rahmen, ist alles ok. Kennt jemand ein work-around?
Viele Grüße aus Köln
Inga
_________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.text {
position:absolute;
width:600px;
height:300px;
z-index:2;
top: 13px;
background-color: #FFFFFF;
layer-background-color: #FF00FF;
border: 5px solid #ABC9E7;
}
-->
</style>
</head>
<body>
<div class="text"></div>
<div id="Layer1" style="position:absolute; width:626px; height:115px; z-index:1; left: 1px; top: 153px; background-color: #990000; layer-background-color: #990000; border: 1px none #000000;"></div>
</body>
</html>
Hi,
Habe einen Layer mit einem 5px Rahmen und einer definierten Breite (600px)angelegt. Dieser ist in IE und Opera genau 600px breit, nur in Firefox ist er 610px breit geworden.
Nein - in allen Browsern außer IE und Opera (der den Fehler des IE hier nachmacht).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Ohne Angabe der DTD versetzt dieser Doctype den IE und Opera in den quirks-mode.
Ergänze dies, und nur noch die älteren IEs verwenden das falsche Box-Modell.
.text {
position:absolute;
width:600px;
height:300px;
z-index:2;
top: 13px;
Du solltest nur im Notfall absolut positionieren und die Höhenangabe für einen offensichtlich später Text enthaltenen Container ist auch sehr bedenklich.
freundliche Grüße
Ingo
Hallo ingo,
danke für die Antwort, war sehr hilfreich!
Viele Grüße
Inga
Gibt es eine Möglichkeit den Scrollbalken mit diesem Mode auch farbig zu gestalten?
Viele Grüße
Inga
Hi,
Gibt es eine Möglichkeit den Scrollbalken mit diesem Mode auch farbig zu gestalten?
der IE erwartet diese nicht standardgemäßen Definitionen im angeblich standardkonformen Modus für html anstelle von body. Gib sie einfach für beide Elemente an, dann erreichst Du auch noch ältere IEs.
freundliche Grüße
Ingo
Du bist ja sehr bewandert!
dankeschön!
Inga