Ik heb met een website van één van mijn klanten een zeer vreemd probleem met het menu.

De website bevat een doctype, maar dit is het probleem:

Het menu heeft 'hoofdknoppen' hieronder zitten 'subknoppen'.
Op een normale PC in welke browser dan ook ( heb getest met ie ff opera chrome en safari ) is het menu goed onder elkaar uitgelijnd.

Nu komt het rare, als ik diezelfde website open in één van de zelfde browsers op een MAC pc, dan staat het menu ineens zo'n 40 pixels naar links.

Heeft iemand enig idee waar dit door kankomen?

het gaat om www.lint*grafisch*ontwerp.nl ( zonder sterretjes )

Op de normale p staat het nu 'gek' omdat ik dit aangepast heb voor de klant, maar daar was ze toch nog niet blij mee.

Hoop dat iemand me kan/wil helpen.

Gr. Robert

Hoi Robert,

Misschien iets te maken met de spaties die je er tussen heb staan.
Moeten de subknoppen uitgelijnd staan met de hoofdknoppen?

Heb je al alle margings en paddings die je niet gebruikt gedefinieerd? Body.. etc.

Ja meot uitgelijnt worden met de hoofdknoppen, en de spaties lijkt me niet, gebruik ik geloof ik ook nouwelijks?

Gr. Robert
Aanvullend bericht:
Die van de body, html etc staan inderdaad op 0px..

Origineel gepost door Arno Tenkink

Heb je al alle margings en paddings die je niet gebruikt gedefinieerd? Body.. etc.

Begin er mee door alle spaties in het menu weg te halen hiervoor zijn margins/paddings voor.
Heb je tevens een screenshot van het probleem aangezien ik zelf geen mac op dit moment tot me beschikking heb.

Daarbij zet jij het menu via javascript in het midden. Doet dit met alleen CSS!

Nee dat is ook een lastig punt, mijn klant heeft een mac en ik zelf niet.

Origineel gepost door Leon Zoutewelle

Begin er mee door alle spaties in het menu weg te halen hiervoor zijn margins/paddings voor.
Heb je tevens een screenshot van het probleem aangezien ik zelf geen mac op dit moment tot me beschikking heb.

Aanvullend bericht:

Origineel gepost door Leon Zoutewelle

Begin er mee door alle spaties in het menu weg te halen hiervoor zijn margins/paddings voor.
Heb je tevens een screenshot van het probleem aangezien ik zelf geen mac op dit moment tot me beschikking heb.

Daarbij zet jij het menu via javascript in het midden. Doet dit met alleen CSS!

Ik weet niet hoe dit moet, dus doe ik het met javascript ;-)

Ik loop vaak tegen dit punt aan en los het op door niet alleen body en dergelijke op 0px padding/margin te zetten maar ook de P

Als je dan de p'tjes die je wel wilt stylen via een class benaderd is er niks aan de hand, maar zet P op padding:0px; en margin:0px;

Ik gebruik zelf nooit 'p' dus lijkt me stug dat dit het op zal lossen?

Origineel gepost door Barry Meijer

Ik loop vaak tegen dit punt aan en los het op door niet alleen body en dergelijke op 0px padding/margin te zetten maar ook de P

Als je dan de p'tjes die je wel wilt stylen via een class benaderd is er niks aan de hand, maar zet P op padding:0px; en margin:0px;

Ik weet niet hoe dit moet, dus doe ik het met javascript ;-)

Geef je main class van je menu waar alles in zit margin: 0 auto; Je moet daarvoor wel een vaste breedte hebben en geen 100%

Okee dat ga ik eens proberen..

Origineel gepost door Leon Zoutewelle

Geef je main class van je menu waar alles in zit margin: 0 auto; Je moet daarvoor wel een vaste breedte hebben en geen 100%