Oke, ben bezig emt een site aan het maken.
Nu heb ik een menutje gemaakt, maar deze moet naast elkaar komen.
Als ik display:inline doe, laat hij helemaal niks meer zien.

Online voorbeeldje:
http://82.73.133.147/candan/

kan je zelf de html bekijken.

CSS =
http://82.73.133.147/candan/style/style.css

Misschien dat iemand van jullie me kan helpen?
@ Jan: Als je position: relative gebruikt, hoef je geen width aan te geven. Zover ik me herinner, is handig voor een liquid layout.

Margin en float op 1 element? Dat is juist niet vriendelijk voor IE.
Nog 2 probleempjes, 1 dat niet te maken heeft met het menu, en een die er wel te maken me heeft.

1.
Als je in IE 8 kijkt, zie je dat de content box een soort van margin/padding heeft, waardoor de bovenkant en onderkant niet aan gesloten worden. Iemand een idee om dit te fixen?

2. Hover werkt niet op IE 8. Hoe kan ik dit aanpakken?
@ Mitchell: die width mag ook in procenten in combi met overflow: hidden. En die margin en float los je op met die display: inline.
Heb er effe een doctype bij gezet, hover en dat content dingetje zijn gefixed, allen nu staat het menu niet goed in IE. staan een paar pixels te ver naar links.
Het lijkt er op dat jullie allemaal een scherm met een resolutie van 1280x800 gebruiken. Anders was het jullie allang opgevallen dat alleen met die resolutie het menu mooi in de lege plek in de blauwe balk staat. Als je je venster vergroot of verkleint, zie je dat het menu "meebeweegt".
Jan Koehoorn schreef op 17.08.2009 13:19
@ Mitchell: die width mag ook in procenten in combi met overflow: hidden. En die margin en float los je op met die display: inline.
Dan is het alsnog handiger om de div gewoon 100% laten te doen, als je namelijk daad werkelijk zegt wilt die nog wel eens boos gaan doen qua box model.

Ah, ok. Was even vergeten dat inline een float verbeterd in IE.
Mitchell schreef op 17.08.2009 13:24
Dan is het alsnog handiger om de div gewoon 100% laten te doen, als je namelijk daad werkelijk zegt wilt die nog wel eens boos gaan doen qua box model.

Hangt ervan af. Als je de breedte goed uitrekent krijg je geen problemen. En dan kun je indien nodig je ul nog een padding meegeven ook. Met 100% is dat weer lastig. Er is niet 1 oplossing die in alle gevallen werkt.
Ik zie nu pas hoe idiotisch deze site is opgebouwd, het zijn allemaal divs die de volle breedte nemen en hij heeft enkel en alleen de achtergrond gecentreerd.. Dit is zeer verkeerd.

Plaats de hele site in een wrapper en centreer die wrapper.
Jan Koehoorn schreef op 17.08.2009 13:27
[quote='Mitchell schreef op 17.08.2009 13:24']Dan is het alsnog handiger om de div gewoon 100% laten te doen, als je namelijk daad werkelijk zegt wilt die nog wel eens boos gaan doen qua box model.

Hangt ervan af. Als je de breedte goed uitrekent krijg je geen problemen. En dan kun je indien nodig je ul nog een padding meegeven ook. Met 100% is dat weer lastig. Er is niet 1 oplossing die in alle gevallen werkt.[/quote]Uhm, ja. Breedte van margins en padding (pixels) is onmogelijk om rekening mee te houden in een liquid div?

Reageren