Archief - IE9 Positioning probleem

Ik geraak maar niet uit mijn probleem. IE9 laat mijn menu een paar pixels teveel naar onder zien. Ik heb al veel geprobeerd maar ik zie niet echt het probleem. Waarschijnlijk iets stoms? Ik zie het gewoon niet.. In het begin werkt er ook geen javascript bij IE9 pas als ik naar een volgende pagina ga en trug werkt het.. Chrome en firefox tonen het wel zoals het moet

Linkje: klik

Oudere versie maar meer overzichtelijke HTML code met hetzelfde probleem: klik

Hopelijk kan iemand mij het antwoord geven

edit: nu laat hem zelfs niets meer zien in internet explorer .. Ik heb gewoon <p> tags rond mijn searchbox gezet. Laten testen door vriendin en heeft hetzelfde probleem in IE7.0.. Het is dus een internet explorer probleem. Ik snap echt niet wat ik hier fout doe? de content laadt niet eens!

Dat kan liggen aan het feit dat je volledige header zijn afmetingen niet correct zijn in IE. Het grootste probleem is dat je "position: relative" op floated elements gebruikt terwijl je ze eigenlijk beter absoluut positioneert zonder te floaten.

Wil je een div absoluut positioneren tov een parent div geef je de parent relatieve positioning mee terwijl je de child div absoluut positioneert. Als je dan die child top en left (of bottom en right) meegeeft staat die altijd perfect in eender welke browser.

Ik zie ook dat je in je body line-height: 130% meegeeft, dat is een zeer slecht idee als je al je elementen degelijk wilt plaatsen. Line-height is enkel handig voor paragraphs (en lists in zeker mate).

Begin met al die kleine zaken aan te passen en misschien lost het probleem z'n eigen op

Bedankt voor het antwoord Fr3ak. Ik ga het dezen avond eens bekijken. Wat ik ook raar vindt is dat IE gewoon NIETS van tekst toont terwijl dit wel in de broncode staat? Ik dacht eerst dat IE het niet kon laden ofzo? Maar hij toont wel alles in de broncode... Ik heb net heel de header eens verwijderd om te kijken of het aan die positioning lag maar hij toonde nog steeds geen tekst..

Wat the hell is this!? Dit heb ik nog nooit meegemaakt ! Ik hoop dat ik het opgelost krijg..

edit: het menu heb ik inorde gekregen mede dankzij freak (hier en daar nog wel wat float problems, die fix ik straks wel. Nu de tekst erop krijgen)! Nu enkel de tekst nog..? Kan iemand me hier bij helpen, ik snap het probleem echt niet :-(

edit2: opgelost, footer toegevoegd in wordpress heeft het probleem opgelost.. Wel raar.. Bedankt voor de hulp freak.

Sorry voor dubbele post maar ik had eerder al gezet dat het opgelost was. Nu heb ik dus nog wat verder zitten kl*ten en de positioning helemaal gedaan volgens Freak zijn methode. Alles zou normaal tot op de pixel juist moeten staan. Nu heb ik alleen nog het probleem met mijn uitklapmenu. Je kan op de mainpagina niet aan de submenu's geraken. (waar die slider staat= link). Op andere pagina's gaat hij onder de content door (link = link). Nu heb ik al wat zitten proberen met z-index.


Tot slot nog steeds het probleem met de tekst in internet explorer. Ik "weet" waar de fout zit. Bij de default footer van wordpress showt hij de content. Bij men eigen footer laat hij niets zien over heel de pagina. Ik vind dit heel raar, dit probleem heb ik nog nooit gehad. Iemand ervaring mee? (opgelost door <hr/> toe te voegen.. Raar?)

edit: vetgedrukte = opgelost.
edit2: Ik weet waar de fout zit, hij hovert niet over relative elements. Hoe kan ik dit oplossen? want die slider moet relative blijven omdat er absolute positionings inzitten ..

Nog steeds geen oplossing gevonden voor mijn probleem.

Ik heb net ook eens gekeken in IE6. Werken floats in IE6? Of kan ik beter mijn content ook absolute positioneren? Dan heb ik natuurlijk weer het probleem dat mijn navigatie niet fatsoenlijk werkt. Ik heb me al rot gezocht op google en ik vind maar geen oplossing. Hier moet toch een oplossing voor zijn? Er zijn zoveel mensen die over een relative gepositioneerd iets moeten hoveren?

Edit: Kan het zijn dat het aan jQuery ligt dat niet goed wordt ingeladen bij Internet Explorer? Ik duwde net perongeluk op dat icoontje (compitabiliteitsweergave) in IE. Nu gaat het menu wel over de 'relative' div. Dus ik denk dat ik het probleem met jQuery moet gaan zoeken dat niet goed word ingeladen. Ik snap ook niet goed dat men jQuery niet werkt op de homepagina maar wel op de andere pagina (dit is enkel en alleen in internet explorer en compitabiliteitsweergaven. Als ik dit uitzet werkt jquery nergens..). Kan aub iemand naar mijn probleem kijken? Ziet iemand het probleem?

Edit2: omg! De slider werkt nu (ik had een komma staan achter "pauseTime: 5000". Dit mag blijkbaar niet). Nu is het probleem dat het menu ONDER mijn sliderheen gaat.. Pfff! Ik word er een beetje zot van

Edit3: omg2! z-index: 1000; op header zetten heeft het probleem precies opgelost! OEF! Al dat gezweet voor een stomme komma!