IE trouble
Ik ben bezig met een CMS:
http://www.littledesign.nl/cms/index.php
Het is alleen de template nog maar, maar nu het probleem. In FF klopt alles wel, maar in IE zie je tussen Content (titel) en het Welcome blabla een leeg gat, maar het rare is, als je selecteerd, vanaf Welcome naar Content toe, dat het gat verdwijnt.
Hebben jullie dat ook? Of ligt het alleen aan mijn browser. Vind het namelijk zo raar dat het verdwijnt na simpel selecteren.
Edit: Als je refresht is het gat er wel weer...
Gewijzigd op 19/11/2005 21:32:00 door Willem Jan Z
Nog iets raars, als je naar de site gaat, is het gat er, ik switch even naar FF, IE nog open, ik switch terug naar IE, en het gat is weg... Geen idee waar dit aan kan liggen, wou dit fenomeen ook even melden ;)
Echt raar... Ik word steeds gekker van Bill zijn streken. (Niet dat hij ook maar 1 letter geprgrammeert heeft aan IE, maar toch)
Met je html is niet veel mis. Maar probeer toch eens van
dit te maken:
Code (php)
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Nee werkt niet, had er nog niks gezet, omdat ik hem niet uit mijn hoofd ken, en ik als ik ga designen, geen zin heb om iets op te zoeken :P
Net zoals de IE scrollbar bug, etc...
Sebastiaan:
Dit zal denk ik wel één van de vele IE bugs zijn.
Net zoals de IE scrollbar bug, etc...
Net zoals de IE scrollbar bug, etc...
Hoi Sebastiaan,
het is inderdaad een IE bug. Hij staat bekend als de 'peekaboo' bug, en is op te lossen door de container die de elementen bevat waar de bug optreedt een line-height toe te kennen.
In Willem Jan's geval dus: <div id="content">
#content {
line-height: 20px; /* of misschien: 100% */
}
www.positioniseverything.com: peekaboo bug
edit typo
Gewijzigd op 20/11/2005 14:14:00 door Jan Koehoorn
Wat me ook opviel is dat je in IE niet op die radio buttons kan klikken.
@Jan: Wow! Dan heb ik IE's hoeveelheid bugs nog zeer onderschat.
@Thijs, dat komt omdat ik de radiobuttons nog een (groeps)naam heb gegeven. In FF kan ik ze allemaal selecteren, in IE geen één.
Maar ach...
je kunt ook nog proberen bij zowel de container-div als de inhoud-div de position op relative te zetten. Een andere mogelijkheid (uit mijn hoofd) is een vaste breedte en/of hoogte opgeven (niet zo'n flexibele oplossing), of de Holly Hack toe te passen (zie de link uit mijn vorige post)
Zal even het relative uitproberen...
Zou het aan de margin kunnen liggen:
margin: 0 auto 15px auto;
Hmm, vreemd. Die bug heeft te maken met elementen binnen een div die gefloat worden. Jij hebt, als ik me goed herinner, een img in die div met align=right. Haal die align eens weg, om te testen?
Iedereen die je site opkomt dwingen FireFox te nemen :p
Ik las ook dat het om de container gaat om de float heen, maar ik float helemaal niks. Ik heb mijn menu absolute... En mijn content relative met een linker margin
Browsers afdwingen? Doet me denken aan de tijd dat je nog wel eens zag: deze pagina is geoptimaliseerd voor Internet Explorer met een schermresolutie van 1024 x 768. Hoewel, het zou me niets verbazen als dat nog steeds voorkomt!
Snap het ook niet zo, doen mensen zo hun best om bugs op te sporen en te verhelpen. En bij mij werken ze weer niet...
#content {
height: 1%;
}
edit die staat bekend als de Holly hack
Gewijzigd op 21/11/2005 00:10:00 door Jan Koehoorn
Denk dat het ligt aan de margin:-15px van de content_title
Als ik die weghaal, zit er nog wel een gat... Maar die gaat niet meer weg als je selecteerd/switched