aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

Div centreren met floatings in

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

Div centreren met floatings in

Berichtdoor Krassie » 11 jan 2011 20:42

Ik ben bezig met de site van Mrskilmister,

het is de eerste keer dat ik zo uitgebreid met divs en css aan de slag ga, en ik moet vertellen er gaat toch een nieuw klein wereldje open.

Ik heb mijn menu opgemaakt uiteen lijst, en om deze horizontaal te krijgen naast elkaar gebruik ik:
Code: Selecteer alles
li.menu{   float:left;}


Dit zit allemaal in een div menu;
Code: Selecteer alles
#menu{      width:945px;
      margin: auto;}


Zo krijg ik het wel gecentreerd, als ik width opgeef, maar dat wil ik eigenlijk niet want als ik dan een menu item toevoeg zou dat ook moeten veranderen, tevens is het mij een gok werk welke width ik moe opgeven...

Ik zou denken het aantal items*150px; maar dat klopt dan ook al eer niet :roll:

Website: www.tinkiepix.be
Avatar gebruiker
Krassie
wmpr
 
Berichten: 4526
Geregistreerd: 15 dec 2003 06:28
Woonplaats: Oost-Vlaanderen - België

Re: Div centreren met floatings in

Berichtdoor Johan » 11 jan 2011 22:31

Doet width: auto; het niet?
Avatar gebruiker
Johan
wmpr
 
Berichten: 676
Geregistreerd: 07 jan 2008 15:42

Re: Div centreren met floatings in

Berichtdoor Krassie » 12 jan 2011 18:14

Johan schreef:Doet width: auto; het niet?


Werkt jammer genoeg niet.
Avatar gebruiker
Krassie
wmpr
 
Berichten: 4526
Geregistreerd: 15 dec 2003 06:28
Woonplaats: Oost-Vlaanderen - België

Re: Div centreren met floatings in

Berichtdoor Krassie » 16 jan 2011 18:36

Iemand nog en ander ideetje?
Avatar gebruiker
Krassie
wmpr
 
Berichten: 4526
Geregistreerd: 15 dec 2003 06:28
Woonplaats: Oost-Vlaanderen - België

Re: Div centreren met floatings in

Berichtdoor Remi » 16 jan 2011 22:39

Ik zou niet weten hoe je dit met css voor mekaar zou kunnen krijgen. Je zou er misschien een display: table-cell; van kunnen maken en een table-row van de ul, maar ik denk niet dat dat dan ook echt in alle browsers zal gaan werken.
Avatar gebruiker
Remi
wmpr
 
Berichten: 3010
Geregistreerd: 04 apr 2006 15:22

Re: Div centreren met floatings in

Berichtdoor FrankC » 21 sep 2011 09:54

Ik zou denken het aantal items*150px; maar dat klopt dan ook al [w]eer nie


Het is het aantal items x (width + border-right-width + border-left-width + padding-left + padding-right). Voor meer informatie over centreren zie How to Center in CSS.
Hoe: IE te adresseren in, te Positioneren in, te Centreren in, een Gefixeerde Footer te maken met, en een Drop-down/Fly-out-Menu te maken met CSS: Website Laten Maken Amsterdam.
FrankC
wmpr
 
Berichten: 9
Geregistreerd: 13 sep 2011 20:58
Woonplaats: Amsterdam


Keer terug naar HTML, CSS, Javascript



cron