Ich möchte eine Webseite erstellen, die die Seitenbreite auf 100% für alle Breiten (verfügbarer Platz) kleiner oder gleich 1280px füllt und für alle Breiten größer als 1280 zwei füllende Seitenleisten erscheinen sollte (so: | fill | website | fill |).Seitenfüllung wenn die Breite höher ist als 1280px
(Wie) kann ich dies ohne Skripte tun? (unter Verwendung von CSS-Einstellungen?)
Wollen Sie Inhalt in den "füllen" -Bits, oder nur ein Randtyp Ding? Wenn Sie nur einen Rahmen verwenden, können Sie ein Hintergrundbild/eine Hintergrundfarbe verwenden, um den Fülleffekt zu erzielen, und die maximale Breite für das Hauptinhaltsbit verwenden. Beachten Sie, dass es in IE6 nicht funktioniert, wenn Ihnen das wichtig ist.
<div style="max-width: (bar width * 2) + 1280">
<div style="max-width: 1280px">
<!-- content -->
</div>
</div>
Sie so etwas wie dies nutzen könnten:
#content {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
, die mit dem Stil zu einem div angewendet, bezieht sich, dass alle Seiteninhalte hat.
Ihre "Sidebars" wäre was auch immer der Hintergrund body ist.
ich probierte (Bildgröße: 2048x3072):
thnx zu funktionieren scheint tut. Der Bildtest funktionierte nicht, aber er funktioniert mit der tatsächlichen Site in FireFox. In IE funktioniert es noch nicht. –
Natürlich funktioniert es nicht mit dem Bild. Sie haben der IT keinen Stil zugewiesen. Sie haben dem Bild, in dem sich das Bild befindet, einen Stil zugewiesen. Wenn Sie möchten, dass das Bild die volle Breite aufweist, passen Sie die ITS-Größe an. –
thnx. aber tat es arbeiten noch (IE7/FF) den Code i-Test verwendet wurde (picsize: 2048x3072):
Irgendwie glaube ich nicht "max-width: (Strichbreite * 2) + 1280" ist CSS gültig. – Calvin
Es ist nicht. Ich denke, ich hätte es klarstellen sollen, ich wollte es einfach berechnen, egal wie groß sie die Grenze wollten, und den entsprechenden Wert eintragen. – Turnor