[CSS,IE] probleem met position: relative - Softwareontwikkeling

maandag 18 juli 2005 11:22

Acties:

Verwijderd

Topicstarter

Bij de volgende pagina staat in IE de .outer div op een verkeerde plek (bovenaan bij "content"), met de "left" position wel goed maar veel te ver naar boven.
mozilla en firefox laten de pagina wel goed zien.

de position: relative zijn in de echte pagina beide nodig om andere elementen een position: absolute te geven.

doe ik iets fout of is dit een bug in IE? en wat kan ik eraan doen om dit te fixen?

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<style type='text/css'>
.outer {
  position: relative;
  height: 20px; width: 100px;
  border:1px solid black;
}
</style>
<title></title>
</head>
<body>
<div style="position: relative;border: 1px solid black;">

content<br>content<br>content<br>content<br>content<br>content<br>

<table border=1>
  <tr>
  <td>cell 1</td>
  <td><div class=outer>cell 2</div></td>
  <td>cell 3</td>
</tr></table>

</div>
</body></html>

maandag 18 juli 2005 11:39

Acties:

crisp

Devver

Pixelated

Een oplossing lijkt te zijn om je 'container' geen position:relative te geven of hasLayout te forceren (bijvoorbeeld door er een width of height aan toe te kennen). Dit lijkt mij inderdaad weer een IE renderbug

Intentionally left blank

maandag 18 juli 2005 12:10

Acties:

imp4ct

Misschien rare vraag, maar waarom zet je over je tabel ineens een <div> ?
Allé 'k vind je code nogal raar in elkaar steken, no offence

Bedrijf : Webtrix

Foto materiaal:
Nikon D7100 | Nikor AF-S DX 18-105mm | Nikor AF-S 50mm | Nikon SB600

maandag 18 juli 2005 12:58

Acties:

Verwijderd

Topicstarter

imp4ct schreef op maandag 18 juli 2005 @ 12:10:
Misschien rare vraag, maar waarom zet je over je tabel ineens een <div> ?
Allé 'k vind je code nogal raar in elkaar steken, no offence

dit wordt normaal opgebouwd met javascript/DOM, veel verschillende dingen en elk element wordt in een div'je gezet om er wat algemene eigenschappen aan toe te kennen.
dit is een pagina om te laten zien wat er mis gaat, zonder dat ik honderden regels html/css post.

@crisp:
this.html.style.position = "static"; (this.html = buitenste div) werkt, maar vernietigt wel een deel van mn functionaliteit.
ik wordt spuugzat van IE, dit is al de 3e rendering bug die ik tegenkom in een week

maandag 18 juli 2005 13:12

Acties:

imp4ct

Verwijderd schreef op maandag 18 juli 2005 @ 12:58:
[...]
dit wordt normaal opgebouwd met javascript/DOM, veel verschillende dingen en elk element wordt in een div'je gezet om er wat algemene eigenschappen aan toe te kennen.
dit is een pagina om te laten zien wat er mis gaat, zonder dat ik honderden regels html/css post.

Ah

, wist ik niet. Weer wat bijgeleerd.

Bedrijf : Webtrix

Foto materiaal:
Nikon D7100 | Nikor AF-S DX 18-105mm | Nikor AF-S 50mm | Nikon SB600

maandag 18 juli 2005 15:46

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op maandag 18 juli 2005 @ 12:58:
[...]
@crisp:
this.html.style.position = "static"; (this.html = buitenste div) werkt, maar vernietigt wel een deel van mn functionaliteit.
ik wordt spuugzat van IE, dit is al de 3e rendering bug die ik tegenkom in een week

het werkt dus ook als je de buitenste div expliciet een width (bijvoorbeeld 100% - standaard neemt een div toch de complete breedte in) of height geeft.

Intentionally left blank