100% Breite div nicht korrekt angezeigt in IE

Nun habe ich, denke ich, eine Art von ungewöhnlichen Frage. Auch ich habe eine web-Seite mit der Start-div mit absoluter position.

.head_warp
{
 width:100%;
 display:block;
 height:238px;
 margin:0 auto;
 padding:0;
 position:absolute;
 text-align:center;
 background-image:url(images/demo6_fon.png);
 background-position:center;
 background-position:top;
 background-repeat:repeat-x;
 z-index:-9999;
}

und danach habe ich einen container

#container_out
{
 width:1024px;
 margin:0 auto;
}

Der HTML-Code so aus:

<div class="head_warp"></div>
<div id="container_out"></div>

Die Idee ist, den Inhalt in den "container" zu zeigen über das "head_warp" und es ist ok in allen browser, die ich getestet mit. Chrome, FF, Safari auch mit IE8 und IE7. Aber mein co-worker mit IE8 mit windows VISTA und schauen, was ist das Ergebnis
alt-text http://www.pechat.mdkbg.com/problem.jpg

Was ist das problem?

InformationsquelleAutor Victor | 2010-07-08

  1. 4

    @Puaka-ich denke, alle Browser sind relativ zum übergeordneten container, wenn Sie einen Prozentsatz der Breite. In diesem Fall sollte es relativ zu dem Körper.

    Ist dein DOCTYPE korrekt?

    Wenn Sie eine absolute Positionierung eines Elements, sollten Sie die Angabe der top/left position, die Sie scheinbar nicht tun. Auch, geben Sie margin:0 auto; impliziert, es könnte einen linken/rechten Rand. Ich hätte gedacht, diese sollten einfach margin:0;?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="w3.org/1999/xhtml">
    Ja, das ist OK. Nur hinzufügen, wenn das DOCTYPE weggelassen wurde oder Sie haben die Inhalte (noch leeren Raum) vor den DOCTYPE, dann kann der IE aber potenziell Rendern des Dokuments im quirksmode, was dazu führen kann Ihre Website nicht richtig angezeigt werden.

    InformationsquelleAutor MrWhite

  2. 3

    Sieht aus wie du bist fehlen einige Informationen für Ihre absolut-positioniert div:

    top: 0;
left: 0;

    InformationsquelleAutor derekerdmann

  3. 2

    im IE 100% Breite wird die parent-Breite, so dass Sie brauchen, um es inside container_out, ändern Sie Ihre container_out css, vielleicht " padding-top/margin-top = header_warp Höhe

    Ich dachte, der aber in der rechten unteren Ecke der Seite habe ich hintergrund-Hexe ist Teil des Designs.

    InformationsquelleAutor Puaka

  4. 2

    Habe es gerade getestet im IE8 auf Vista und es angezeigt fein.

    Sieht es aus wie alle, die div tut, ist die Anzeige ein Hintergrundbild für die Seite. Warum nicht einfach das Hintergrundbild zu body und loswerden, dass div?

    Ich dachte, der aber in der rechten unteren Ecke der Seite habe ich hintergrund-Hexe ist Teil des Designs.

    InformationsquelleAutor Yisroel

Schreibe einen Kommentar