anoniem Geplaatst: 2 december 2003 Delen Geplaatst: 2 december 2003 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. Quote Link naar reactie
anoniem Geplaatst: 2 december 2003 Auteur Delen Geplaatst: 2 december 2003 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] Quote Link naar reactie
anoniem Geplaatst: 2 december 2003 Auteur Delen Geplaatst: 2 december 2003 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... Quote Link naar reactie
anoniem Geplaatst: 2 december 2003 Auteur Delen Geplaatst: 2 december 2003 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 Quote Link naar reactie
anoniem Geplaatst: 2 december 2003 Auteur Delen Geplaatst: 2 december 2003 En als je float:left weghaalt ipv position fixed? Quote Link naar reactie
anoniem Geplaatst: 2 december 2003 Auteur Delen Geplaatst: 2 december 2003 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 Quote Link naar reactie
anoniem Geplaatst: 3 december 2003 Auteur Delen Geplaatst: 3 december 2003 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. Quote Link naar reactie
anoniem Geplaatst: 3 december 2003 Auteur Delen Geplaatst: 3 december 2003 *anne slaat zichzelf op z'n voorhoofd* IE6 kan het ook met een div minder: http://annevankesteren.nl/test/examples/body==div/ Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen