IE6 floatet DIV-Element zu weit.

[splinter]

Hallo

Ich versuche mich momentan in dynamischen Layouts, meine letzten Versuche wurden bereits durch den IE6 zerstört. Nun wieder ein Problem dass ich nicht ohne Hilfe lösen kann.

Es geht um folgende Seite:

http://www.start-page.ch/

Die Ecken im Textfeld unten werden vom IE6 AUSSERHALB der Parent-Div gefloatet.
Das Ganze ist mir ein Rätsel! Wie zum Geier kommt dieser Krüppelbrowser auf eine solche Interpretation und wie kann ich diesen Bug fixen?

MfG Splinter

[Engin]

Hi splinter,

Das Ganze ist mir ein Rätsel! Wie zum Geier kommt dieser Krüppelbrowser auf eine solche Interpretation

Die wege des IE sind unergründlich.  :-)

und wie kann ich diesen Bug fixen?

Ich hatte da mal ein beispiel mit absolut positionierten Bildern angefertigt, vielleicht hilfts dir ja.

http://nimmet.de/beispiele/schattenundmehr/

Ansonsten müsstest du bei dir mal mit negativen margins und paddings für den IE experimentieren, da macht der IE gut und gerne viele Fehler.

Am schnellsten kannst du mit dem Start HTML Hack testen, dieser hack
spricht auch nur die IEs 6 und kleiner an.

Grüße aus H im R,
Engin

[splinter]

Ich hatte da mal ein beispiel mit absolut positionierten Bildern angefertigt, vielleicht hilfts dir ja.

http://nimmet.de/beispiele/schattenundmehr/

Ansonsten müsstest du bei dir mal mit negativen margins und paddings für den IE experimentieren, da macht der IE gut und gerne viele Fehler.

Am schnellsten kannst du mit dem Start HTML Hack testen, dieser hack
spricht auch nur die IEs 6 und kleiner an.

Ich danke dir, Retter meiner Nerven. =)

Wenn du mir noch kurz ein Beispiel geben könntest was negative Margins und Paddings für Auswirkungen haben bin ich wunschlos glücklich. :-p

Vielen Dank

[splinter]

Wenn du mir noch kurz ein Beispiel geben könntest was negative Margins und Paddings für Auswirkungen haben bin ich wunschlos glücklich. :-p

Hat sich erledigt, ich habs begriffen. :-D

[ChrisB]

Hi,

Wenn du mir noch kurz ein Beispiel geben könntest was negative Margins und Paddings für Auswirkungen haben bin ich wunschlos glücklich. :-p

Bitte:
Negative padding-Angaben machen dein CSS invalide, weil nicht erlaubt.

:-)

MfG ChrisB

[splinter]

denkste... der w3c CSS-Validator hats ohne Kommentar gefressen und ansonsten ist mir das Layout dann doch wichtiger.

[ChrisB]

Hi,

denkste... der w3c CSS-Validator hats ohne Kommentar gefressen

Denkste ... wenn ich bspw. mal nur
div { padding-left:-15px; }
per Direkteingabe testen lasse, bekomme ich wie zu erwarten die Meldung:

1 div Ungültige Nummer : padding-left -15.0 negative Werte sind nicht erlaubt : -15px

(Oder du verwendest irgendeinen anderen Validator als http://jigsaw.w3.org/css-validator/?)

und ansonsten ist mir das Layout dann doch wichtiger.

Wichtiger als was?
Da negatives padding per se unsinnig ist, setzt das vermutlich auch kein Browser in irgendeiner Weise um.
Du muesstest also schon ein Beispiel bringen, wo ein negatives padding trotz seiner Invaliditaet eine "Verbesserung" der Darstellung bringt - da waere ich gespannt ...

MfG ChrisB

[Engin]

Hi ChrisB,

1 div Ungültige Nummer : padding-left -15.0 negative Werte sind nicht erlaubt : -15px

(Oder du verwendest irgendeinen anderen Validator als http://jigsaw.w3.org/css-validator/?)

Du hast natürlich Recht und bevor hier ein unnötiger Streit aufkeimt, OP hat Negative margins im Einsatz.  :-)

* html div.textfield .footer .cornerleft {  
margin:0px -3px 0px 1px;  
}  
* html div.textfield .footer .cornerright {  
margin:0px 1px 0px -3px;  
}

Grüße aus H im R,
Engin