Fliksystem som inte funkar i IE

4 svar · 589 visningar · startad av learn 22 dec. 2005

learnMedlem sedan jan. 20051 130 inlägg

Frågan22 dec. 2005 14:05#1

Jag håller på att pilla på ett fliksystem.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Test</title>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="sv" />
</head>
<body>

<div id="skal" style="padding:50px">

<div id="flikar">
<div style="float:right; border-style:solid; border-width:1px; margin-left:10px">Flik 3</div>
<div style="float:right; border-style:solid; border-width:1px; margin-left:10px">Flik 2</div>
<div style="float:right; border-style:solid; border-width:1px; border-bottom-color:#FFF">Flik 1</div>
</div>

<div id="box" style="border-style:solid; border-width:1px; clear:right; margin-top:-1px">
Text
</div>

</div>

</body>
</html>

"Flik 1" är i detta fall vald. Funkar bra i Mozilla, men i IE så verkar det som att dess border inte lägger sig över "boxens" border. Testkör så får ni se.

learnMedlem sedan jan. 20051 130 inlägg

22 dec. 2005 15:27#2

Hur ska jag göra för att få flikarna att ligga ovanpå boxen...??

SONICdustMedlem sedan nov. 2003196 inlägg

22 dec. 2005 22:53#3

Kanske kan vara något at titta på för att få lite hjälp, Sliding Doors of CSS och Sliding Doors of CSS Part II

learnMedlem sedan jan. 20051 130 inlägg

22 dec. 2005 23:30#4

Ja det är ju ett alternativ, men jag vill gärna ha det så enkelt som möjligt och slippa använda bilder å sånt. Visst måste det gå att få min kod att fungera i IE..??

wyndanMedlem sedan okt. 200450 inlägg

2 jan. 2006 15:36#5

kolla Listamatic, t.ex. den här.