Ich habe meinen HTML-Code mit geändert, damit der Hintergrund mit mehreren Bildern mit Internet Explorer funktioniert.
Seit dieser Änderung habe ich einen weißen Rand rund um die Seite.
Wusste jemand, warum es nicht die ganze Seite ausfüllt wie meine vorherige Version und wie ich es beheben kann.
Alte Version: (funktioniert mit allen Browsern außer IE): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V001.htm
Neue Version (Funktioniert mit allen Browsern, füllt aber nicht die ganze Seite): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V002.htm
Vielen Dank!
Gehen Sie in Ihrem CSS wie folgt vor:
Körper { Rand: 0; }
Im Moment haben Sie einen Browser-Standardrand eingestellt (Sie haben ihn nicht eingestellt, also hat der Browser es getan).
Schauen Sie sich Eric Meyers CSS-Reset an. Die Verwendung eines Reset-Stylesheets hilft, solche Dinge zu verhindern, und gibt Ihnen auch eine bessere Kontrolle von Browser zu Browser.
@DA01 hat Recht mit Ihrer Wahrscheinlichkeit, bessere Antworten auf SO zu erhalten. Allerdings ist CSS genauso ein Designwerkzeug wie Photoshop, wenn man das Endprodukt betrachtet.
Dawson bringt Sie mit dem Margin- und CSS-Reset-Sheet auf den richtigen Weg body. Die Website wird für mich auf Chrome und IE9 gleich gerendert, daher kann es sich um ein <IE8-Problem handeln. Es hat jedoch auch mehrere Fehler, wenn Sie es in W3C Validator einstecken . Vielleicht möchten Sie HTML 4 Transitional oder, noch besser, HTML 5 in Betracht ziehen. 4 Transitional und 5 Draft sind viel fehlerverzeihender und werden auch konsistenter über Browser hinweg gerendert. Sobald Sie Ihre HTML-Fehler behoben haben, sollten CSS-Designprobleme viel einfacher zu beheben sein.
Stellen Sie in Ihrem CSS sicher, dass Sie Folgendes haben:
Körper {Rand: 0px; Polsterung: 0px; Zeilenhöhe: 12px; }
Überprüfen Sie auch Ihre Zeilenhöhe auf allen Elementen (normalerweise Tags vom Typ h1, h2), die sich nahe am Rand befinden, um zu sehen, ob sie Dinge abwerfen.
Hier ist Ihre Antwort. Machen Sie Folgendes in Ihrem div id="one" css :
Wenden Sie einfach das angegebene Randelement auf Ihrem #one an und überprüfen Sie dies in jedem Browser.
#one {
background: url("http://i206.photobucket.com/albums/bb52/oli_briss/Ligne_droite-2.png") repeat-y scroll right top transparent;
margin: -8px;
padding: 0;
DA01