Zabalera zabaleko diseinuak ezin dira gogorrak izan inguruan nabigatzaile ezagunekin zentratu, baina posible da kode lerro gutxi batzuk besterik ez izatea.
Here's How
- Web orri berri bat sortu HTML formatuan CSS estilo-orri batekin.
- Sortu div elementu orriaren elementu nagusia orrialdeko guztia gordetzeko.
- Eman div elementu orri honetan bakarra den IDa.
- Ireki zure CSS estilo-orria eta ezarri zure div elementuaren zabalera. div # main {zabalera: 750px; }
- Gehitu marjinak automatikoki zentratzeko zure div. div # main {zabalera: 750px; marjina-ezkerra: auto; marjina-eskuinera: auto}
- Netscape 4rako konpontzeko, eta IE 4 - 6 ( quirks modua ) gehitu testuko lerroan gorputzean. gorputza {text-align: center; }
- Baina testua barruan dagoen guztia zentratuta dago, beraz, lerrokatu testua zure #main div zenbakian testua lerrokatzeko: ezkerrean; han. div # main {zabalera: 750px; marjina-ezkerra: auto; marjina-eskuinera: auto; text-align: left; }
- Gorde orria eta zure estilo orria.
- Web arakatzaile batzuetan probatu.
Tip
Honek diseinu-koadroa zentratuko du, baina ez du barruan edukirik. Erabili testu-lerrokatzea barne-edukia erditzeko.