CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

t_kris Nybegynder

23. oktober 2002 - 16:54 Der er 11 kommentarer og
1 løsning

ie 5 til mac

Jeg problemer med position: absolute; i ie 5 til mac
men det virker fint i netscape

Når jeg har definere mine position og de virker fint på pc og netscape på mac men i ie 5 bliver de kastet rundt

Er der nogen der kan hjælpe

Synes godt om

pelkjaer Nybegynder

23. oktober 2002 - 17:10 #1

Du må vise noget kode, fordi en simpel absolut positionering plejer da nok at virke på IE/Mac.

Har du højde på din div? Eller måske en relativ bredde?
Begge skal man gerne undgå - især til IE/Mac.

Synes godt om

t_kris Nybegynder

24. oktober 2002 - 11:05 #2

Kan det også være et problem at mine div er hidden

Synes godt om

pelkjaer Nybegynder

24. oktober 2002 - 11:21 #3

Nej ikke umiddelbart. Vis noget kode.

Synes godt om

t_kris Nybegynder

24. oktober 2002 - 11:26 #4

Jeg har defineret min positioner i css

body {margin : 0px 0px 0 0px; padding : 0; line-height : 1.00em; font-family: Arial, Helvetica, sans-serif;}
A:link { text-decoration: none; color: black;}
A:visited { text-decoration: none; color: black;}
A:active { text-decoration: none; color: black;}
A:hover { text-decoration: none; }
a.clsLink {font-weight: bold; font-size: 16px; }
p.margin {margin-left: 15px; margin-top: 15px}
p.clsText1 {color: #ffffff; font-size: 16px; }
div.clsFor {position:absolute;top: 270px;left: 240px; z-index: 1; font-size: 26pt; color: #ffffff; }
div.clsDiv { visibility: hidden; position: absolute; top: 20px; left: 20px; z-index: 1;}
div.clsDiv1 { visibility: hidden; position: absolute; top: 190px; left: 445px; z-index: 1;}
div.clsDiv2 { visibility: hidden; position: absolute; top: 190px; left: 220px; z-index: 1;}
#div1 {top: 120px; left: 220px; z-index: 1; background-color: #C8C8C8; }

Synes godt om

t_kris Nybegynder

24. oktober 2002 - 11:28 #5

Her er min side

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Tvernø</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="JavaScript" src="JavaScript.js" type="text/javascript"></script>
</head>

<body>
<table summary="Main" width="770" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="190" height="154" align="center">
<div id="divLogo" style="position: relative; visibility: visible;"><img alt="Logo" src="pic/Tvernoe_logo.gif"><br><font size="2">Engløbet 12 - 2730 Herlev</font><br><font size="3"><b>Tlf. 44 94 92 98</b></font></div>
<div id="div12" class="clsDiv"><img alt="Profil"src="pic/tema_profil.jpg"></div>
<div id="div13" class="clsDiv"><img alt="Produkte" src="pic/produkt.jpg"></div>
<div id="div14" class="clsDiv"><img alt="Bor" src="pic/produkt.jpg"></div>
<div id="div15" class="clsDiv"><img alt="1986"src="pic/produkt.jpg"></div>
</td>
<td width="580" height="154" bgcolor="black"><div style="position: relative; left: 70;"><img alt="Top" src="pic/topsh_lille_ny.jpg"></div></td>
</tr>
<tr>
<td width="190" height="286" bgcolor="#C8C8C8" valign="top"><p class="margin">
<a id="link1" class="clsLink" href="#" onmouseover="return !showDiv('1', '12', 1, event);">Profil</a><br /><br />
<a id="link2" class="clsLink" href="#" onmouseover="return !showDiv('2', '13', 1, event);">Produkter</a><br /><br />
<a id="link3" class="clsLink" href="#" onmouseover="hideAllDiv();">Bestil tid</a><br /><br />
<a id="link4" class="clsLink" href="#" onmouseover="return !showDiv('4', '14', 1, event);">Her bor vi</a><br /><br />
<a id="link5" class="clsLink" href="#" onmouseover="return !showDiv('5', '15', 1, event);">Siden 1986...</a></td>
<td width="580" height="286" bgcolor="black"> 
<div id="div0" class="clsFor">-et besøg værd...</div>
<div id="div1" class="clsDiv" ><p class="margin"><table><tr><td width="200" height="250">
<a id="link6" class="clsLink" href="#" onmouseover="return !showDiv('6', '', 2, event);">Personlig rådgivning</a><br /><br />
<a id="link7" class="clsLink" href="#" onmouseover="return !showDiv('7', '', 2, event);">Veluddannede frisører</a><br /><br />
<a id="link8" class="clsLink" href="#" onmouseover="return !showDiv('8', '', 2, event);">De bedste produkter</a><br /><br />
<a id="link9" class="clsLink" href="#" onmouseover="return !showDiv('9', '', 2, event);">Specialister</a><br /><br />
<a id="link10" class="clsLink" href="#" onmouseover="return !showDiv('10', '', 2, event);">Hår til fest</a><br /><br />
<a id="link11" class="clsLink" href="#" onmouseover="return !showDiv('11', '', 2, event);">Gavekort</a></p></td><tr></table></div>
<div id="div2" class="clsDiv2"><p class="clsText1">asljdlkasd<br>fsndklnak</p></div>
<div id="div3" class="clsDiv2"> </div>
<div id="div4" class="clsDiv2"><p class="clsText1">asljdlkasd<br>fsndklnak</p></div>
<div id="div5" class="clsDiv2"><p class="clsText1">asljdlkasd<br>fsndklnak</p></div>

<div id="div6" class="clsDiv1"><p class="clsText1">asljdlkasd<br>fsndklnak</p></div>
<div id="div7" class="clsDiv1"><p class="clsText1">asljdl<br>kasdfsndklnak</p></div>
<div id="div8" class="clsDiv1"><p class="clsText1">asljdlkasdfsndk<br>lnak</p></div>
<div id="div9" class="clsDiv1"><p class="clsText1">asl<br>jdlkasdfsndklnak</p></div>
<div id="div10" class="clsDiv1"><p class="clsText1">asljdlkasdfs<br>ndklnak</p></div>
<div id="div11" class="clsDiv1"><p class="clsText1">asljdlk<br>asdfsndklnak</p></div>

</td>
</tr>
</table>

</body>
</html>

Synes godt om

pelkjaer Nybegynder

24. oktober 2002 - 11:39 #6

For det første er det ikke godt at give alle dine divs samme z-index - dette kan sagtens være årsagen til dit problem, uden at jeg kender det.

Istedet for at gøre således:

div.clsDiv { visibility: hidden; position: absolute; top: 20px; left: 20px; z-index: 1;}

og

<div id="div13" class="clsDiv">

Så gør således

#div13 {
position: absolute;
z-index: 13;
osv;
}

og

<div id="div13">bla.</div>

På den måde får du defineret præcist til hver enkelt div.

Btw. så linker du til dit stylesheet forkert, du bruger xhtml måden.

Synes godt om

t_kris Nybegynder

24. oktober 2002 - 11:50 #7

Men vis mine div skal ligge det samme sted er det så ikke lidet overdrevet og skrive det sammen 5 til 6 gange.

Kunne det være fordi at mine div ligger i en table ???

Synes godt om

pelkjaer Nybegynder

24. oktober 2002 - 11:53 #8

Næ det er ikke overdrevet - det andet er lettere forkert.

Og hvorfor placerer du dem også i en tabel når du positioner absolut?
Skriv fx. dine divs i før eller efter dine tabeller.

Synes godt om

t_kris Nybegynder

24. oktober 2002 - 11:56 #9

Mit problem er også at jeg ikke har fåede en mac endnu

Jeg tror ikke det er z-index der er noget gal med da det er lige som om at det hele bliver rykket længer til højre og ned

Synes godt om

pelkjaer Nybegynder

24. oktober 2002 - 11:57 #10

Så lad være at ændre det, jeg er da ligeglad.

Synes godt om

pelkjaer Nybegynder

24. oktober 2002 - 11:58 #11

Kunne også være denne her - den er nemlig heller ikke for god:

body {margin : 0px 0px 0 0px; padding : 0; line-height : 1.00em; font-family: Arial, Helvetica, sans-serif;}

skal være

body {
margin : 0px;
padding : 0px;
line-height : 1.00em;
font-family: Arial, Helvetica, sans-serif;
}

Synes godt om

t_kris Nybegynder

02. december 2002 - 19:16 #12

lukket

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS