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

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