---

Hejsa

Min hovedmenu bliver "skubbet ned" i Opera.
Det er min float i "#menu ul" der skaber problemet.
Menuen skal se ud som i IE.

www.dazzlingthomas.frac.dk

Uddrag af stylesheet:
#menu   {
   position:absolute;
   left:0%;
   top:8%;
   height:4%;
   width:100%;
   background:#3399FF;
   padding:0%;
   margin:0%;
   }

#menu ul{
   font-size:90%;
   list-style:none;
   border-right:1px solid white;
   margin:0% 0% 0% 0%;
   padding:0% 0% 0% 1%;
   float:left;      
   }

#menu ul li{
   display:inline;
   }

#menu li a{
   float:left;
   text-decoration:none;
   font-family:verdana,sans serif;
   color:white;
   border-width:1px 0px 1px 1px;
   border-style:solid;
   border-color:white;
   padding:0% 1% 0% 1%;
   margin:0%;
   line-height:1.4em;
   }

#menu li a:hover{
   background:#0066FF;
   }

Håber der nogen der kan hjælpe.
Mvh
Thomas

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Thomas Andersen wrote in dk.edb.internet.webdesign.html:
> Hejsa
>
> Min hovedmenu bliver "skubbet ned" i Opera.
> Det er min float i "#menu ul" der skaber problemet.
> Menuen skal se ud som i IE.
>
> www.dazzlingthomas.frac.dk
>
> Jeg tror jeg er ved at have fundet en løsning selv.

Mvh
Thomas

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Thomas Andersen wrote in dk.edb.internet.webdesign.html:
> Thomas Andersen wrote in dk.edb.internet.webdesign.html:
>> > Jeg tror jeg er ved at have fundet en løsning selv.
>
> Mvh
> Thomas
>

Lad os endelig høre

PerR

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Per Rasmussen wrote in dk.edb.internet.webdesign.html:
> Thomas Andersen wrote in dk.edb.internet.webdesign.html:
> > Thomas Andersen wrote in dk.edb.internet.webdesign.html:
> >> > Jeg tror jeg er ved at have fundet en løsning selv.
> >
> > Mvh
> > Thomas
> >
>
> Lad os endelig høre
>
>
Ja, jeg ved ikke hvor legalt det er. Jeg har ikke valideret det
endnu.
Men jeg satte en width på min "#menu ul" og tilpassede det så med
padding i "#menu ul li a". Så, så det pænt ud i Opera.
Det krævede lidt mere tilpasning i IE.
Nu kokser den så i Mozillla! Kan man lave hacks i Mozilla i
stil "* html" til IE?

menu   {
   position:absolute;
   left:0%;
   top:8%;
   height:4%;
   width:100%;
   background:#3399FF;
   padding:0%;
   margin:0%;
   }

#menu ul{
   font-size:90%;
   list-style:none;
   width:50%;
   border-width:1px 1px 0px 0px;
   border-style:solid;
   border-color:white;
   margin:0% 0% 0% 1%;
   padding:0% 0% 0% 0%;   
   }
   
* html #menu ul{
   width:513px;
   }

#menu ul li{
   display:inline;
   }

* html #menu li a {
   padding:0.1% 20px 0.1% 20px;
   line-height:1.4em;
   }

#menu li a{
   float:left;
   text-decoration:none;
   font-family:verdana,sans serif;
   color:white;
   border-left:1px solid white;
   padding:0% 3.8% 0% 4%;
   margin:0%;
   line-height:1.4em;
   }

#menu li a:hover{
   background:#0066FF;
   }

mvh Thomas

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials