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
Annonceindlæg fra QNAP
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.
24. oktober 2002 - 11:05
#2
Kan det også være et problem at mine div er hidden
24. oktober 2002 - 11:21
#3
Nej ikke umiddelbart. Vis noget kode.
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; }
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>
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.
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 ???
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.
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
24. oktober 2002 - 11:57
#10
Så lad være at ændre det, jeg er da ligeglad.
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; }
02. december 2002 - 19:16
#12
lukket
Vi tilbyder markedets bedste kurser inden for webudvikling