Avatar billede webcreator Nybegynder
20. marts 2005 - 21:36 Der er 14 kommentarer og
1 løsning

Menu ser rigtig ud i Firefox men ikke i IE

Hej Eksperter.

Som sædvanlig ser alt perfekt ud i Firefox, men ikke i IE. Menuens links har en forkert højde i IE. Hvad er der galt?

Screenshot - IE : http://powerzone.dk/ie.jpeg
screenshot - FF : http://powerzone.dk/ff.jpeg

Koden : http://powerzone.dk/source.txt
Avatar billede roenving Novice
20. marts 2005 - 21:40 #1
-- og du har sørget for fuldt kvalificeret doctype inklusive dtd-link ?-)

-- men selv hvis du har det, er der vist visse detaljer omkring box-modellen, som IE ikke overholder, så måske en mere komplet kode ?o]
Avatar billede webcreator Nybegynder
20. marts 2005 - 21:42 #2
Så - nu ligger hele koden i source.txt på serveren :)
Avatar billede olebole Juniormester
20. marts 2005 - 21:46 #3
<ole>

body {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #000000;
}

div.topmenu {
  border: 1px solid #808080;
  background-color: #006499;
  background: url(images/menu.jpeg) repeat-x;
  padding: 3px 0px 4px 0px;
}

a.topmenu {
  padding-right: 10px;
  padding-left: 5px;
  color: #FFFFFF;
  text-decoration: none;
}

a.topmenu:hover {
  background: url(images/menuhover.jpeg) repeat-x;
}

<div class="topmenu">
<a href="#" class="topmenu">Forside</a>
<a href="#" class="topmenu">Information</a>
<a href="#" class="topmenu">Nyheder</a>
<a href="#" class="topmenu">Deltagere</a>
</div>

/mvh
</bole>
Avatar billede olebole Juniormester
20. marts 2005 - 21:49 #4
Vertical padding duer ikke i et link, der er et inline-element - og 'display: table-cell;' gør ingen gavn i IE.
Jeg har droppet højden på 'topmenu' og bruger i stedet padding i top og bund
Avatar billede roenving Novice
20. marts 2005 - 21:55 #5
-- mon ikke også man kunne bruge display:block; og float:left ?-)

a.topmenu {
  padding-top: 3px 10px 5px 5px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  float:left;
}

-- eller måske er det nærmere faktisk at lave en tabel, da cellerne jo har nogle specielle egenskaber, som ser ud til at kunne bruges her ...
Avatar billede roenving Novice
20. marts 2005 - 21:55 #6
Hov, jeg fik ikke rettet padding-top til padding: !-)
Avatar billede webcreator Nybegynder
20. marts 2005 - 22:08 #7
Er der forskel på den måde i bruger padding, og min? Jeg kan regne ud, at det bliver Height Right Bottom og Left efterfulgt af hinanden - men er det alt?
Avatar billede webcreator Nybegynder
20. marts 2005 - 22:09 #8
Fantastisk. Løsningen med display og float virkede :)
Avatar billede webcreator Nybegynder
20. marts 2005 - 22:10 #9
Den foretrækker jeg frem for løsningen hvor jeg ikke kan sætte height i mit div-tag
Avatar billede roenving Novice
20. marts 2005 - 22:14 #10
padding: kan bruges som shortcut i stedet for at skrive alle 4 selvstændigt ...

-- det dur også på forskellige andre ting, som har 4 sider, f.eks. border og margin ...

-- med border er der dog, nogle ekstra problemer, da der findes shortcuts i to niveauer, som kan give svært gennemskuelige problemer ...

-- og når man bruger shortcuts, skal de aflæses som uret: man starter i toppen og går med uret rundt !-)

-- og der er også forkortelsesmuligheder i shortcuts ...
Avatar billede webcreator Nybegynder
20. marts 2005 - 22:34 #11
Ok, ser man det. Det er rart at få lidt god forklaring. Det skal nok komme til nytte senere. Tusind tak :)
Ole > Tak for hjælpen også.
Roenving > Smider du et svar?
Avatar billede roenving Novice
20. marts 2005 - 22:41 #12
Velbekomme '-)
Avatar billede webcreator Nybegynder
20. marts 2005 - 22:44 #13
:)
Avatar billede roenving Novice
20. marts 2005 - 22:47 #14
-- og tak for point ;~}
Avatar billede webcreator Nybegynder
20. marts 2005 - 23:08 #15
Selv tak :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging