Ga naar inhoud

CSS verschil in weergave IE microsoft en Safari Apple


Aanbevolen berichten

Het menu wordt in Safari goed weergegeven, echter in IE worden de submenu's niet getoond.

CSS code:

div#menubalk {

background-color: #fcfcfc;

color: #fff;

font-family: verdana;

font-size: 75%;

font-weight: bold;

}

div#menubalk a {

background: inherit;

color: #fff;

display: block;

padding: 2px 6px;

text-decoration: none;

}

div#menubalk a:hover {

background-color: #f00;

color: #fff;

display: block;

}

div#menubalk ul {

list-style-type: none;

margin: 0;

padding: 0;

}

div#menubalk li {

background-color: #666;

color: #fff;

float: left;

width: 12%;

}

div#menubalk ul li ul {

display: none;

}

div#menubalk ul li ul li {

float: none;

}

div#menubalk ul li:hover ul {

display: block;

color: #f00;

overflow: hidden;

}

body {

font-family: Verdana, Geneva, sans-serif;

}

in de index staat het volgende:

<div id="menubalk" >

<ul>

<li><a href="/index.html">Home</a></li>

<li><a href="/wie.htm">Over ons</a></li>

<li><a href="#">Producten</a>

<ul>

Link naar reactie
Delen op andere sites

Kijk of je je doctype goed weergeeft.

<!DOCTYPE HTML>

Deze code moet je toevoegen aan je script.

als het dan nog niet werkt probeer dan een andere mogelijkheid te vinden voor

background: inherit;

deze bijvoorbeeld

background-color: inherit;

Als dit alles niet werkt, kun je, want je wilt volgens mij gewoon dezelfde achtergrond kleur hebben als de achtergrond waar je menu overheen ligt.

Je achtergrond de kleur geven, met een RGB benaming, deze RGB moet je dan de waarde geven van een transparante kleur.

aangepast door ecence
Link naar reactie
Delen op andere sites

Gast
Dit topic is nu gesloten voor nieuwe reacties.
×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.