Margin: 0 auto; kan je gebruiken alleen de 0 is overbodig. Alle browsers pakken standaard 0 als je niks heb ingevuld (Op de body na staat standaard op iets van 10px ofzo)
Tevens werkt
Gewoon in alle browsers (IE6, IE7, FF2, FF3, Safari2, Safari3, Chrome)Code:div#container { position: relative; display: block; margin-left: auto; margin-right: auto; width: 789px; }
Tevens kan je eigenlijk beter een class gebruiken inplaats van een ID.
Dit omdat je maar 1x een ID op een pagina kan gebruiken en een class meerdere keren.
Bijv bij een formulier wil je dat de invulvelden een speciale kleur zijn. Dit kan je dan heb beste doen door een class inplaats van een ID aangezien je bij een ID foutmeldingen gaat krijgen voor valid html/css
-
03-10-2008, 08:14 #61
Particulier
- Berichten
- 293
- Lid sinds
- 16 Jaar
-
03-10-2008, 08:25 #62
Particulier
- Berichten
- 587
- Lid sinds
- 18 Jaar
Ik vind de manieren die hier staan uitgelegd heel tegenstrijdig. 4 pagina's om een pagina te centreren met CSS is totaal niet nodig.
html:
CSS:Code:<body> <!-- wrapper --> <div id="wrapper"> <!-- wrapper --> Hier de rest van je site <!-- wrapper --> </div> <!-- wrapper --> </body>
Die width van de wrapper is dus de breedte van je siteCode:body {background:#KLEUR; font-family:arial, tahoma; etc.. GEEN height:100% nergens voor nodig} #wrapper {width:990px; margin:0 auto;}
-
03-10-2008, 08:34 #63
Web and Brand
- Berichten
- 1.192
- Lid sinds
- 17 Jaar
Dat is toch hetzelfde als een container met {margin:0 auto;} of {position:relative;left:50%:margin-left:-dehelft;}? Het maakt niks uit.
Origineel gepost door Jeroen Marechal
-
03-10-2008, 09:00 #64
Particulier
- Berichten
- 587
- Lid sinds
- 18 Jaar
Onjuist, er wordt hier overal gesproken van een height van 100% in de body, wat nergens voor nodig is. De methode met position:relative; left:50%; is ook tegenstrijdig. Uiteindelijk gaat het om een duidelijke en overzichtelijke code. Wat margin:0 auto; is. Werkt dit niet in IE5 en lager, moet je de code voluit schrijven dus: margin:0 auto 0 auto; Origineel gepost door Ben Boogaardt
-
03-10-2008, 10:11 #65
Particulier
- Berichten
- 33
- Lid sinds
- 17 Jaar
Margin-left negatief? :) Deze moet namelijk werken, gebruik hem ook altijd :) Origineel gepost door Ralph van leenen
En daarnaast, de manier van Gijsbert werkt ook prima hoor, als het klopt dattie gewoon overal werkt :) (Niet getest, ik vertrouw Gijsbert op z'n woord.. ;))
-
03-10-2008, 10:14 #66
Particulier
- Berichten
- 33
- Lid sinds
- 17 Jaar
Idd, height 100% is nergens voor nodig, en uitrekken verrekt ie toch in sommige browsers, als het daarvoor is ;)
Vraagje: kunnen jullie even kijken op goedkoopstetuinbanken.nl?
Heb daar namelijk ook het principe toegepast van de negatieve margin en daar werkt het gewoon hoor :)
