Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Verkeerde weergave in Opera

8 antwoorden
  • ik heb een opzetje voor een website gemaakt en nu zit ik met een probleem. Ik mozilla wordt mn website helemaal goed weergegeven en in IE bijna. maar in Opera valt de navigatie balk weg. Wat is daarvan de oorzaak??? [url]http://stierenoog.flappie.nl[/url] Het probleem in IE dat het fload voor de navigatie niet werkt. Die cel scrollt mee ipv stil te blijven staan. Als iemand hier iets voor weet hoor ik dat graag :D Bijna vergeten, niet klagen over url aub. Kan zijn dat de site niet altijd oproepbaar is. aangezien mn computer ook wel eens uit staat. Tot nu toe geen gratis host gevonden.
  • Ik zal er morgen even naar kijken (als ik tijd vind...), maar geef voortaan de _directe_ URL, dit soort problemen hebben namelijk altijd te maken met broncode ;): [b:a165cbb214]knipje van anne[/b:a165cbb214]
  • als ik die position: fixed; weghaal bij #main #navigatie dan staat ie al een stuk beter op z'n plaats, 'k weet niet in hoeverre er nu andere problemen optreden...
  • Ja maar het is juist de bedoeling dat de navigatie niet meescrollt. En als ik dat verander hou ik in opera een lelijke rand tussen het logo en de rest
  • En als je float:left weghaalt ipv position fixed?
  • float: left zorgt er juist voor dat ie boven de ander tekst zweeft aan de linkerkant. Dat moet dus blijven denk ik. Maar ik heb ook niet zoveel verstand van allerlei hacks voor verschillende browsers. Dus ik weet echt niet meer hoe ik hiermee verder moet. :o
  • Ok, je server is nu offline, maar van de blik die ik er gisteren op geworpen had had je 2 kolommen gecentreerd en daarboven een header, eveneens gecentreerd. Die navigatie kolom krijg je op geen enkele manier 'fixed', behalve wellicht met JS, maar dat ziet er niet mooi uit. IE ondersteund niet en de enige momenteel bekende workarounds staan hier: http://limpid.nl/lab/css/fixed/ (hoop ik tenminste) en daar zit geen gecentreerde bij. Kleine test: [code:1:be6af58397]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <title>2 kolommen, gecentreerd plus een kopje</title> <style type="text/css"> /* algemeen */ html{ font:80% Arial,sans-serif; color:#333; background:#eee; } body{ margin:0; padding:0; /* opera */ } p{ margin:0; padding:5px; } /* centreren */ body{ text-align:center; } div#ie-hack{ text-align:left; margin:0 auto; width:770px; background:#ddd; } /* kop */ h1{ margin:0; padding:5px; background:red; color:white; } /* navigatie */ ul#nav{ margin:0; padding:0; list-style:none; float:left; width:150px; background:silver; } ul#nav li{ margin:0; padding:5px; display:block; background:blue; } /* inhoud */ div#content{ margin:0 0 0 160px; } </style> </head> <body> <div id="ie-hack"> <h1 id="header">De kop</h1> <ul id="nav"> <li>navigatie</li> </ul> <div id="content"> <p>blah</p> <p>blah</p> <p>blah</p> <p>blah</p> </div> </div> </body> </html>[/code:1:be6af58397] Let vooral op het feit dat er maar 2 divs nodig waren, en dat alleen omdat IE het stylen van <body> (wat volgens de specificatie gewoon een <div> is) niet ondersteund.
  • *anne slaat zichzelf op z'n voorhoofd* IE6 kan het ook met een div minder: http://annevankesteren.nl/test/examples/body==div/

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.