7 svar · 629 visningar · startad av webe
Vad kan detta bero på. Detta gäller bland annat bildernas position. Har det något att göra med att jag använder position:absolute?
En bra idé är att kopiera in källkoden + css och dessutom ge en länk till sidan.
Annars är det bara tankeläsare som kan hjälpa dig. ;)
Såklart:).
I chorme:
http://imageshack.us/photo/my-images/85/chromea.jpg/
Det är ungefär så jag vill att den ska se ut.
I IE däremot ser det ut såhär:
http://imageshack.us/photo/my-images/546/explorera.jpg/
CSS för menyn (eftersom jag antar att det är där felet ligger:
#navigation {
position: absolute;
left: 200px;
margin:0;
padding: 0;
clear:both;
width:750px;
height:20px;
background: black url(/images/dropdown-bg.gif) repeat-x left top;
}
ul.nav-main,
ul.nav-main li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-main {
position: relative;
z-index: 597;
}
ul.nav-main li:hover > ul {
visibility: visible;
}
ul.nav-main li.hover,
ul.nav-main li:hover {
text-decoration: underline;
position: relative;
z-index: 599;
cursor: pointer;
}
ul.nav-main li {
float:left;
display:block;
height: 45px;
color: black;
font: 14px Arial, Helvetica, sans-serif;
background: url(/images/separator.gif) no-repeat right center;
}
ul.nav-main li a {
display:block;
padding: 16px 16px 0 16px;
height: 35px;
color: black;
font: 18px Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul.nav-main li a:hover {
color:black;
}
ul.nav-main *.list {
padding-right: 22px;
background: url(/images/navigation-arrow.gif) no-repeat right top;
}
ul.nav-sub {
visibility: hidden;
position: absolute;
padding:0px;
top: 40px;
left: 0;
z-index: 598;
background: blue url(/images/dropdown-list-bg.gif) repeat-x left top;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}
ul.nav-sub li {
list-style:none;
display:block;
padding: 0;
height: 27px;
float: none;
width:145px;
border-bottom: 1px solid #fff;
background: none;
}
ul.nav-sub li a {
list-style:none;
display:block;
padding: 6px 5px 6px 5px;
height: 15px;
float: none;
width:145px;
background: none;
font: 12px Arial, Helvetica, sans-serif;
}
Är det något mer du behöver se?:)
HTML koden behövs ju också
använd gärna [kod] element för att visa dina koder, bli betydligt enklare att läsa vad som är text och vad som är kod i ditt inlägg
<ul id="navigation" class="nav-main">
<li><a href="hem.html">Hem</a></li>
<li class="list"><a href="#">Privatpersoner</a>
<ul class="nav-sub">
<li><a href="livs.html">Livsstilscoaching</a></li>
<li><a href="halso.html">Hälsoprofil</a></li>
<li><a href="kost.html">Kostrådgivning</a></li>
</ul>
</li>
<li class="list"><a href="#">Företag</a>
<ul class="nav-sub">
<li><a href="rev.html">Hälsorevision</a></li>
<li><a href="fore.html">Föreläsningar</a></li>
<li><a href="event.html">Häsloevent</a></li>
<li><a href="pin.html">Pinning</a></li>
<li><a href="fys.html">Fyspass</a></li>
<li><a href="kurs.html">Kurser</a></li>
<li><a href="utbildning.html">Utbildning</a></li>
</ul>
</li>
<li><a href="om.html">Om</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
Vad är det för doctype du använder? Postar hellre all HTML eller så mycket HTML som man återskapa ditt problem
<head>
<title>Beactive</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="back">
<div id="master">
<div id="header"></div>
<ul id="navigation" class="nav-main">
<li><a href="hem.html">Hem</a></li>
<li class="list"><a href="#">Privatpersoner</a>
<ul class="nav-sub">
<li><a href="livs.html">Livsstilscoaching</a></li>
<li><a href="halso.html">Hälsoprofil</a></li>
<li><a href="kost.html">Kostrådgivning</a></li>
</ul>
</li>
<li class="list"><a href="#">Företag</a>
<ul class="nav-sub">
<li><a href="rev.html">Hälsorevision</a></li>
<li><a href="fore.html">Föreläsningar</a></li>
<li><a href="event.html">Häsloevent</a></li>
<li><a href="pin.html">Pinning</a></li>
<li><a href="fys.html">Fyspass</a></li>
<li><a href="kurs.html">Kurser</a></li>
<li><a href="utbildning.html">Utbildning</a></li>
</ul>
</li>
<li><a href="om.html">Om</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
<div id="home_pic"><img src="/images/mandarin.jpg"></div>
<div id="text"><p>Ett aktivt val för en hållbar livsstil!
Vi erbjuder hälsofrämjande tjänster till företag och privatpersoner. Beactive strävar efter att öka medvetandet kring den egna hälsan och livsstilen för ett bättre liv och ett ökat välbefinnande!
Vi vill på ett nytänkande och personligt sätt skapa friskare arbetsplatser genom lönsam friskvård!
</p></div>
</div>
</div>
</body>
Där är allt för index-sidan
börja med att lägga in en doctype + html elementet runt din sida.