Archief - CSS: mogelijke oorzaken van die verschil ?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
j

jorrelemargi

Legacy Member


op bovenstaande link staat een screenshot van mijn probleem. Een <div> met daarin enkele list items stellen een menu samen.

nu in Firefox 1.5 én 2.0 werkt alles zoals het hoort (rechts op screenshot te zien)

in Internet explorer 7 wordt blijkbaar de hoogte genegeerd van de groene balk, zodat het menu te hoog komt te staan. (linkerkant van screenshot)

in Internet explorer 6 wordt het menu op nog een andere locatie geplaatst (middelste in screenshot)

ik vraag me af wat hier oorzaken van kunnen zijn, of waar ik moet beginnen zoeken om dit op te lossen? De bedoeling is dat het menu geplaatst wordt onder de groene balk, dus zoals rechts op de screenshot


de website waar ik het menu inpas is www.uzegt.be, het menu zelf staat daar niet online. Als iemand css of dergelijke nodig heeft, post ik het hieronder.

Any ideas already?
o

orez

Legacy Member
tuurlijk hebben we de code van uw menu + css nodig... wat denk je nu zelf ? :p
j

jorrelemargi

Legacy Member
html:
HTML: 
<div id="inner-wrap">
<div id="left">
<div id="menu">

<ul id="nav">
<li><a href="http://www.uzegt.be/categorie/ontspanning">&nbsp;Ontspanning</a></li>
<li><a href="http://www.uzegt.be/categorie/sport">&nbsp;Sport</a></li>
<li><a href="http://www.uzegt.be/categorie/politiek">&nbsp;Politiek</a></li>
<li><a href="http://www.uzegt.be/categorie/maatschappij">&nbsp;Maatschappij</a></li>
<li><a href="/dm/nl/geld">&nbsp;Doorgelicht</a></li>
<li><a href="/dm/main/showWeatherHome.page?pNodeId=135">&nbsp;In de Rand</a></li>
<li><a href="/dm/main/showFrame1.page?pUrl=http://www2.demorgen.be/film/tvgids.iframe/index.html&pFrameHeight=15000&pNodeId=53350">&nbsp;Buitenland</a></li>
</ul>


css:

Code: 
#menu ul { padding: 0px; margin:0px; list-style-type:none}

#nav { position: relative; margin:0 0 10px 0;background:#18CF7D; background: url([url]http://www.uzegt.be/themes/uzegt/images/menu/nav_back.jpg[/url]) repeat-y;}
#nav ul { margin:0;color:#00A390;padding:5;list-style-type:none;border:1px solid #fff;}
#nav li { margin:0;color:#000; padding:0; border:1px; solid #ffffff; font:bold 18px Arial, sans-serif}

#nav a { color:#fff;display:block;padding:4px 0px;text-decoration:none;font:bold 18px Arial, sans-serif;background: url([url]http://www.uzegt.be/themes/uzegt/images/menu/nav_arrow.gif[/url]) no-repeat right center;text-transform:lowercase;width:97%}
/* Hide next rule from IE5 on Mac \*/
#nav a { float:none}
/* End of IE5 for Mac hack */
#nav a:hover { color:#008647;display:block;background:#BDC1C0;background: url([url]http://www.uzegt.be/themes/uzegt/images/list_image.gif[/url]) no-repeat right center}




need more, let me know? voorlopig nog niemand gevonden die weet hoe dit op te lossen...
o

orez

Legacy Member
arg! use code tags!

nu wel geen tijd om diep te gaan kijken maareuh.

Je gebruikt een speciale div --> menu , en dan ga je je ul nog eens een speciale id "nav" meegeven, waar is dat voor nodig? je gaat het jezelf ook enorm moeilijk maken hé.

Doe die id van die ul weg en doe gewoon

#menu ul
#menu ul li
#menu ul li a

...

+ zet dat menu es online, da ik het ook kan zien, want ik snap momenteel al helemaal niet waarvoor die position: relative goed kan zijn :s
j

jorrelemargi

Legacy Member
orez, heb ik even gedaan, thanks voor de tip

mensen die énig idee hebben hoe mijn probleem opgelost kan worden, shoot maar he!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan