hvorfor funker ikke dette i explorer...? (CSS)

BODY { FONT-SIZE: 76%; FONT-FAMILY: tahoma; LETTER-SPACING: 0.00em; TEXT-ALIGN: center } #container { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(back.jpg) #000 no-repeat 75px 10px; MARGIN: 20px auto 0px; BORDER-LEFT: #000 1px solid; WIDTH: 900px; BORDER-BOTTOM: #000 1px solid; POSITION: relative; HEIGHT: 470px } #container UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 5px; WIDTH: 198px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 386px } #container LI { FLOAT: left } #container A.gallery SPAN { BACKGROUND: #000; LEFT: 5px; OVERFLOW: hidden; WIDTH: 1px; POSITION: absolute; TOP: 5px; HEIGHT: 1px } #container A.gallery { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; MARGIN: 1px 2px; BORDER-LEFT: #fff 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none } #container A.gallery:visited { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: block; MARGIN: 1px 2px; BORDER-LEFT: #000 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none } #container A.slidea { BACKGROUND: url(images/p4_t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slideb { BACKGROUND: url(images/p5_t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidec { BACKGROUND: url(images/p6_t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slided { BACKGROUND: url(images/p7_t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidee { BACKGROUND: url(images/p11_t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidef { BACKGROUND: url(images/p12_t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slideg { BACKGROUND: url(images/sidefront001t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slideh { BACKGROUND: url(images/siderear001t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidei { BACKGROUND: url(images/front001t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidej { BACKGROUND: url(images/side001t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidek { BACKGROUND: url(images/side002t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.slidel { BACKGROUND: url(images/gauges001t.jpg); WIDTH: 93px; HEIGHT: 60px } #container A.gallery:hover { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid } #container A.gallery:hover SPAN { BACKGROUND: #fff; LEFT: 75px; WIDTH: 520px; COLOR: #000; POSITION: absolute; TOP: 10px; HEIGHT: 400px } #container A.gallery:hover IMG { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FLOAT: left; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #fff 1px solid }
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture
  • Picture

HVA er det som ikke funker da? Du mangler jo endetegn hele veien da.. ;

hva mener du? det funker jo i firefox…

jeg bruker firefox og fant plutselig ut det ikke ikke funker i explorer…
(galleriet funker ikke)

fortell mer! :slight_smile:

#container A.gallery:hover SPAN {
BACKGROUND: #fff; LEFT: 75px; WIDTH: 520px; COLOR: #000; POSITION: absolute; TOP: 10px; HEIGHT: 400px
}

du mangler endtegn på slutten..

#container A.gallery:hover SPAN {
BACKGROUND: #fff; LEFT: 75px; WIDTH: 520px; COLOR: #000; POSITION: absolute; TOP: 10px; HEIGHT: 400px;
}

det hjalp, men må klikke på bildet først, før man kan “hoovere” over,
først da vises det som stort…

frustrerende… i firefox funker det helt perfekt, mens i explorer må man klikke på thumb’en for å få noe fram, og selv da går det ikke like smooth som i firefox.. :frowning:

Shapeshifter1978: Velkommen til alle webdesigneres mareritt: IE! :stuck_out_tongue:

Det letteste er å søke etter problemstillingen i google og sjekke om andre har hatt det samme problemet.

Ellers så annbefaler jeg deg å rydde litt opp i koden din (veldig rotete).

Når du skal ha border f.eks så kan du skrive border: 5px 6px 7px 8px; (som blir border: top right bottom left; om jeg ikke husker helt feil, er en stund siden jeg lagte noe som helst i css nå egentlig)