Beiträge von alko

padding-right erweitert bei mozilla (fehlerfrei stellen es opera und ie6 dar) den layer um den dort angegebenen wert nach rechts und unten! Das stört das layout meiner website empfindlich.
(http://www.litges.at ->rezensionen - Das graue textfeld mit weißer schrift links)

Ausschnitt aus dem seitencode:
<div id="Layer_grau" style="position:absolute; left:0px; top:82px; width:189px; height:119px; z-index:3; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;" class="feldtext" >
<p>F&uuml;r Sie gelesen:</p>
</div>

Ausschnitt aus der externen css-datei:
.feldtext {
width: 190px;
padding-top: 7pt;
padding-right: 5pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
line-height: 15px;
background-color: #CCCCCC;

Gibt es eine möglichkeit, mozilla das abzugewöhnen?
Für ratschläge wäre ich dankbar.

:idea:
Danke erstmals für die anregungen. Es wird aber eine weile dauern, sie durchzuprobieren.

Für den code ist dreamweaver verantwortlich.
Aber ich werd das einmal so händisch umtippen & sehen, ob es der firefox dann lieber hat.

Danke erstmal für den tipp.
funktioniert dieser kommentar auch in einer externen css-datei?
Also etwa so:

.feldtext {
kommentaranfang

padding-top: 7px;

kommentarende
}

css stört layer-darstellung in mozilla

Da die besucher der von mir betreuten website zu 20% mozilla benutzen, muss ich sie wohl oder übel auch für diesen browser optimieren. (Bei IE6 & Opera funktioniert alles klaglos!)

Mein problem:
Zwei css-einträge in der klasse "feldtext" (abgelegt in einer externen css-datei) veranlassen mozilla, den layer versetzt darzustellen. (nach links & oben)

Das sind die "übeltäter"
(ohne sie wird der layer_frame korrekt angezeigt. Allerdings der text im layer_grau ohne die "gepaddingten" seitenabstände. Mit ihnen aber wird der 2.te layer falsch positioniert)

padding-right: 7px;
padding-top: 5px;

Das sind die layer, die einander offenbar - in ungebührlicher weise - beeinflussen. Und das durch nichts als die oben erwähnten css-einträge:

<div id="Layer_grau" style="position:absolute; left:0px; top:82px; width:189px; height:119px; z-index:3; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;" class="feldtext">
<p>F&uuml;r Sie gelesen:</p>
</div>
<div id="layer_frame" style="position:absolute; left:0px; top:201px; width:190px; height:450px; z-index:6; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000;">
<iframe frameborder="0" scrolling="no" height="450" width="190" src="steuerung_buch.htm" name="steuerung"></iframe>
</div>

Weiß irgendjemand rat?
Zu sehen ist der fehler auf
http://www.litges.at ->rezensionen