CSS fir e Dokument a Fixed Width Layout ze benotzen

Fixed Layout-Layout ka schwéier mat deelhuelen mat e puer vun de populäersten Browser dobaussen, awer et ass méiglech, mat nëmmen e puer Codezeilen.

Hei ass et

  1. Erstellt eng nei Websäit mat engem CSS Stylesheet an Ärem HTML Editor.
  2. Erstelle en div Element als Haaptelement op der Säit wou Dir alles op der Säit gesammelt hutt.
  3. Gitt dësen div Element eng Identifikatioun un eenzegaarteg op der Säit.
  4. Öffnen Sie Är CSS Stilblatt a setze d'Breet vum Div div. div # main {breed: 750px; }}
  5. Automatesch Margen addéieren fir Är Divisiounen ze zentraliséieren. div # main {breed: 750px; Margin-Left: Auto; margin-right: auto}
  6. Fir se fir Netscape 4 ze këmmeren, an IE 4 - 6 ( Quirtextmodus ) fügen eng Text-alignéieren op den Kierper. Kierper {text-align: center; }}
  7. Awer dann ass den Text am Zenter zentréiert, sou datt Dir den Text an Ärem #main div alignéiert, andeems Dir Text alignéiert: lénks; do ass. div # main {breed: 750px; Margin-Left: Auto; Rietsrang: auto; Text alignéiert: lénks; }}
  8. Späichert Är Säit an Äre Stilbicher.
  9. Test an e puer Websäiten.

Tip

Dëst wäert d'Layoutkëscht zentréieren, awer net de Contenu an der Vergaangenheet. Benotzt Text-alignéiert fir den internen Inhalt ze zentraliséieren.