Layout Fehler bei Kompatibilitätsansicht

[martin-schulz1]

Ich finde in meinem Layout den Fehler in der Kompatibilitätsansicht einfach nicht schon mit Firefox Firebug alle divs kontrolliert.

Kann mir jemand weiter helfen verzweifel noch.

Ich habemal 2 Bilder mit dem Layout Fehler abgehangen.

Danke für eure Hilfe.



Linkback: https://www.modified-shop.org/forum/index.php?topic=19248.0

[hedon02]

"<div id="content"></div>" liegt nicht innerhalb des <div id="contentwrap"></div>". Kontrollier mal die "index.html" auf nicht oder falsch geschlossene "div".

Gruss

[martin-schulz1]

okay habe es denke ich hinbekommen Dank deines Tipps 

[Modulfux]

"<div id="content"></div>" liegt nicht innerhalb des <div id="contentwrap"></div>".

Negativ, die Verschachtelung stimmt schon.

Ich tippe mal eher auf die Bug des IE7 in Verbindung mit float,padding und margin.

Versuch doch mal den #content eine 10px kleinere Größe mitzugeben.

Gruß
Ronny

[martin-schulz1]

das Problem was ich jetzt habe ich das ich wen ich Egel welchen Browser kleine (schmaler/breite) ziehe dann bekomme ich eine unschöne scrollleiste unten ?

[hedon02]

Hmm okay... .

Fangen wir mal weiter oben an.:

Gib dem "<div id="contentwrap"></div>" ein "overflow:hidden". Damit wird naemlich "contentwrap" und auch "wrap" ueber den gesamten Inhalt gezogen. Jetzt kannst du auch das haessliche "<div class="abstand"></div>" loeschen.

Jetzt der Footer:
hier loeschst Du "<div class="bottom2-divs"></div> und entfernst aus dem "CSS" der "p.footer" - width:970px; und margin:0 auto; .

Damit wuerde Dein Code halbwegs vernuenftig sein. Dann meldest Du dich und wir koennen schauen warum der Footer Ueberbreite hat.

Gruesse

P.S.: @Webkiste - er hatte den Code sicher schon korrigiert als Du druebergeschaut hast 

[martin-schulz1]

So alles nach deiner super Toll beschriebenen Anleitung geändert. 

Der Fehler ist zwar immernoch da aber ich bin da Optimistisch da du sagtest das wir jetzt weiter schauen können.

[hedon02]

aber hochgeladen hast Du die Aenderungen wohl noch nicht. Ich seh alles wie zuvor  .

Gruss

[martin-schulz1]

Jetzt sorry war mein Fehler.

sieht jetzt aber etwas unschön aus oder ?

[hedon02]

CSS - Fehler: overflow:hidden fehlt " ; " .

Gruss im Livechat 

P.S.: "<p class=footer></p>" muss innerhalb "<div id="bottom2"></div>" stehen (am Ende).

[martin-schulz1]

Meintest du im

Code: CSS  [Auswählen]

.footer {
        clear:both;
        overflow:hidden;
        text-align: center;
        font-size:10px;
        color:#fff;
        background-color:#cc1d1d;
        padding: 2px;
        border-top:8px solid #EDEDED;
        border-bottom:8px solid #EDEDED;
}

habe ich jetzt nochmal eingefügt

PS: dachte das der Live Chat schneller zum Ziel führt.

[hedon02]

Ich probier mal Deinen Livechat aus.

[martin-schulz1]

Ganz großen lieben Dank an hedon02 für die mühe.