Søg
Avatar billede whyme Nybegynder
03. august 2004 - 15:32 Der er 20 kommentarer og
2 løsninger

Problemer med IE og CSS link

Hejsa

Jeg har et problem med Internet Explorer.

Mozilla og Opera virker fint, men i IE, kan jeg ikke få display:block til at virke. Altså at gøre hele menulinjen tryk/klik -bart, i stedet for kun teksten man kan trykke på.

Er der nogen der ved hvordan jeg kommer ud af dette i IE?

Jeg har følgende CSS kode:

div#menu {
    margin-top: 27px;
    width: 146px;
    float: left;
}

div#menu a:link, #menu a:visited, #menu a:active {
    color: #000;
    font: bold 11px Verdana, Tahoma, sans-serif;
    padding: 5px 0px 5px 5px;
    display: block;
    text-decoration: none;
    border-bottom: 1px Solid #888;
    text-align: left;
}

HTML kode:
<div id="menu">
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
</div>


Er der nogen CSS guruer derude som kan afhjælpe dette problem?

På forhånd mange tak.
Avatar billede roenving Novice
03. august 2004 - 15:36 #1
Hvorfor har du ikke :hover med, når du har de andre:

div#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {

-- måske skinner et links naturlige opførsel på mouseover igennem ...
Avatar billede whyme Nybegynder
03. august 2004 - 15:38 #2
Jeg har også en:

div#menu a:hover {
  background-color: #ff0000;
}

Bruger den dog mere til at teste om linket fylder det hele, ved mouseover... det gør det i Mozilla og Opera, men ikke i IE... der virker det kun på selve teksten.
Avatar billede roenving Novice
03. august 2004 - 15:47 #3
Hvilken doctype bruger du ?-)

-- jeg tænker på at IE altid er i quirks-mode, medmindre man har et fuldt kvalificeret <!doctype>-tag inklusive dtd-link, det kunne måske gøre det ?o]
Avatar billede whyme Nybegynder
03. august 2004 - 15:51 #4
Jeg benytter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Avatar billede whyme Nybegynder
03. august 2004 - 15:51 #5
Jeg har ikke <?xml fidus?> foran, bare rolig ;)
Avatar billede notes2c Nybegynder
03. august 2004 - 16:00 #6
Det vil den hvis du angiver bredden til 100%

div#menu a:link, #menu a:visited, #menu a:active {
    color: #000;
    font: bold 11px Verdana, Tahoma, sans-serif;
    padding: 5px 0px 5px 5px;
    display: block;
    text-decoration: none;
    border-bottom: 1px Solid #888;
    text-align: left;
    width: 100%;  /* <= adderet bredden */
}
Avatar billede whyme Nybegynder
03. august 2004 - 16:02 #7
Ja, men hvis jeg laver bredden til 100% så det jeg har ved siden af, content, blive rykket/flyttet/ændret/ osv :)

Det er det jeg vil undgå.

Det samme hvis jeg går igang med at give den pixels...

Er der ikke en eller anden måde man kan gøre så IE gør det ene, og Mozilla gør det andet evt.(?)
Avatar billede whyme Nybegynder
03. august 2004 - 16:03 #8
give den pixels = bredden
Avatar billede whyme Nybegynder
03. august 2004 - 16:06 #9
Hmm, har fået det til at virke nu.... satte
width: 141px;

i linkene, og fjernede menubredden på width: 146px;
det gjorte udfaldet åbenbart...
Avatar billede whyme Nybegynder
03. august 2004 - 16:09 #10
Kan i ikke lige give et svar?

og så lige hjælpe mig med at jeg har en print version af siden... den ser fin nok ud i IE, men ikke i Mozilla og Opera...

i bund og grund skjuler IE det jeg vil skjule, men Mozilla og Opera opfører sig som om print dokumentet ikke fandtes ;)
Avatar billede whyme Nybegynder
03. august 2004 - 16:10 #11
Bruger dette til at skjule:
div#divnavn {
visibility:hidden;
}

og så har jeg:
div#maincontent {
    visibility:visible;
}

for at vise content i print versionen.
Avatar billede notes2c Nybegynder
03. august 2004 - 16:13 #12
De 141px er fordi du har en padding-right: 5px

141 + 5 = 146
Avatar billede roenving Novice
03. august 2004 - 16:15 #13
Prøv at bruge display:none|block; i stedet !-)

-- og velbekomme '-)
Avatar billede whyme Nybegynder
03. august 2004 - 16:15 #14
Jep, derfor jeg lavede det til 141px :)

men jeg troede bare ikke at det ville hjælpe... at lægge bredden over på linkene.

Menuen er 146px bred... men hvis jeg definerer menuen til 146px bred, så laver designet krumpspring.... jeg skal helt lade være med at definere menuens størelse, og lade linkene gøre det.
Avatar billede whyme Nybegynder
03. august 2004 - 16:16 #15
Jeg kigger lige på det roenving...

i får lige points
Avatar billede roenving Novice
03. august 2004 - 16:21 #16
Tak for point ;~}
Avatar billede whyme Nybegynder
03. august 2004 - 16:22 #17
roenving: den der kode du lige gav, det eneste anderledes der sker, er at IE også opfører sig som Mozilla og Opera ;)
Avatar billede whyme Nybegynder
03. august 2004 - 16:27 #18
roenving: jeg har lige prøvet:
div#menu {
    display: none;
    visibility: hidden;
}

i print dokumentet...

menuen går kun væk i IE, ikke i Mozilla og Opera... kan de ikke finde ud af print versioner? jeg kender ikke flere måder at skjule på.. :)
Avatar billede roenving Novice
03. august 2004 - 16:35 #19
Har du evt. flere id="menu", for det tyder på at det er IE, som skaber problemet, da de andre jo gennemsnitligt er meget bedre til at forstå css ...

-- og har du det som et eksternt stylesheet, hvor du loader dem med link-tags ?-)
Avatar billede whyme Nybegynder
03. august 2004 - 16:37 #20
Jeg har ikke flere af én slags id'er - det er vel ikke muligt(?)

og ja jeg loader via:

<link title="Print Udgave" rel="stylesheet" href="/css/print.css" type="text/css" media="print" />
Avatar billede roenving Novice
03. august 2004 - 17:19 #21
Efter det andet stylesheet ?-)

-- eller har du også media-property på det ?-)
Avatar billede whyme Nybegynder
03. august 2004 - 17:34 #22
Jeg har det stylesheet efter en screen version, jep, som har media=screen
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »