camelmed: Im Ie verschwindet der untere border

SELF-Forum

Im Ie verschwindet der untere border

camelmed
– Informationen zu den Bewertungsregeln

Hallo,

habe folgendes Problem, denke mal das es ein IE Bug ist.

[PRE]
|--DIV1-----------------------------|
||-DIV2----------------------------||
||                                 ||
|||-DIV3--------------------------|||
|||               |-DIV4---------||||
|||               |--------------||||
|||-------------------------------|||
||---------------------------------||
|-----------------------------------|
[/PRE]

DIV1 gibt lediglich die Breite an
DIV2 macht einen Border
DIV3 macht nen orangenen Balken
DIV4 färbt einen Teil von DIV3 anders ein

funktioniert überall nur der IE (egal welche version) zeigt mir statt dem unterem Rahmen ein Stück vom Orangenen Balken.

Hat jemand ne Ahnung warum das so ist bzw wie ich das per CSS umgehen kann?

lg
camelmed

PS.: Hab das ganze unter http://camelmed.at/tipps/iebug2.html festgehalten

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Im Ie verschwindet der untere border

    Götz Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo camelmed,

    http://camelmed.at/tipps/iebug2.html
    funktioniert überall nur der IE (egal welche version) zeigt mir statt dem unterem Rahmen ein Stück vom Orangenen Balken.

    das stimmt so nicht. Mein IE 8 macht es richtig.
    Es wird also wohl ein IE-Bug sein.

    Grüße aus Stockholm,
    Götz

    --
    Losung für Freitag, 18. April 2008
    Meine Seele hängt an dir; deine rechte Hand hält mich. (Psalm 63,9)
    Der Aussätzige jammerte Jesus und er streckte die Hand aus, rührte ihn an und sprach zu ihm: Ich will's tun; sei rein! (Markus 1,41)
    (zur aktuellen Losung)
     
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Im Ie verschwindet der untere border

    gaby
    – Informationen zu den Bewertungsregeln

    Hallo,

    habe folgendes Problem, denke mal das es ein IE Bug ist.

    DIV1 gibt lediglich die Breite an
    DIV2 macht einen Border
    DIV3 macht nen orangenen Balken
    DIV4 färbt einen Teil von DIV3 anders ein

    funktioniert überall nur der IE (egal welche version) zeigt mir statt dem unterem Rahmen ein Stück vom Orangenen Balken.

    Hat jemand ne Ahnung warum das so ist bzw wie ich das per CSS umgehen kann?

    Nein - Ja  ;-)

    Du hast unnötigerweise eine ziemliche DIV-Suppe produziert.

    Dein Code:

    <div style="width:670px;">
        <div style="border:5px solid black;">
            <h3>Dein workaround</h3>
            <!--[if IE]>
            <div style="padding-bottom:1px;">
                <![endif]-->
                <div style="background-color:orange;">
                    <div style="margin-left:206px; padding:8px 0 8px 170px; background-color:aqua;">
                        unteres bla bla
                    </div>
                </div>
                <!--[if IE]>
            </div>
            <![endif]-->
        </div>
    </div>

    Die beiden äußeren DIVs kann man zusammenfassen und das IE-workaround weglassen.

    <pre>und so soll es aussehen:</pre>

    <div style="width:670px;  border:3px solid black;">
        <h3>keine DIV-Suppe!</h3>
        <div style="background-color:orange;">
            <div style=" margin-left:206px; padding:8px 0 8px 170px; background-color:aqua;">
                unteres bla bla
            </div>
        </div>
    </div>

    Ich sehe bei dieser Variante keine orange Linie mehr durchschimmern.

    Grüße
    gaby

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln