[CSS] IFrame in absolute positioned div - Softwareontwikkeling

dinsdag 22 februari 2005 11:38

Acties:

Topicstarter

Ik heb een probleem (in IE6, firefox doet het prima) met de grootte van een iframe in een div (met position: absolute). Wanneer ik de width en height gelijk maak aan 100%, wordt blijkbaar de width en height van de body geinherit en niet die van de div. Doe ik nu iets fout?

Voorbeeld:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<style type="text/css">

body {
  margin: 0;
  padding: 0;
}

#test {
  position: absolute;
  top: 1in;
  left: 2in;
  right: 2in;
  bottom: 1in;

  border: thin solid #cf0;
}

#test iframe {
  width: 100%;
  height: 100%;
}

</style>
</head>
<body>

  <div id="test">
    <iframe/>
  </div>

</body>
</html>

dinsdag 22 februari 2005 12:02

Acties:

JayVee

shibby++!

De specs zeggen dat height afhankelijk is van de "closest positioned parent" of zo. In dit geval dus de div#test. IE snapt dat niet helemaal volgens mij. Maar ik snap niet waarom.

Als je hem nou niet absoluut positioneerd, wat doet IE er dan mee?

ASCII stupid question, get a stupid ANSI!

dinsdag 22 februari 2005 12:28

Acties:

MNeMoNiCS

Topicstarter

JayVee schreef op dinsdag 22 februari 2005 @ 12:02:
De specs zeggen dat height afhankelijk is van de "closest positioned parent" of zo. In dit geval dus de div#test. IE snapt dat niet helemaal volgens mij. Maar ik snap niet waarom.

Als je hem nou niet absoluut positioneerd, wat doet IE er dan mee?

Ik neem aan dat het dan wel goed gaat; het gaat zelfs goed als ik aan div#test een vaste height/width meegeef (maar in dit geval wil ik alle overgebleven ruimte op de pagina toekennen aan div#test en kan ik er dus geen vaste hoogte/breedte aan geven).

dinsdag 22 februari 2005 15:27

Acties:

Rowanov

Kop eens wat anders...

MNeMoNiCS schreef op dinsdag 22 februari 2005 @ 12:28:
Ik neem aan dat het dan wel goed gaat; het gaat zelfs goed als ik aan div#test een vaste height/width meegeef (maar in dit geval wil ik alle overgebleven ruimte op de pagina toekennen aan div#test en kan ik er dus geen vaste hoogte/breedte aan geven).

Je zegt het dus zelf al, de iframe inherit de hoogte en breedte van de div alleen als die waarden absoluut zijn. In jouw geval zijn ze niet absoluut, dus inherit het iframe van de div en de div inherit van de body. Resultaat is dus dat iframe de waarden inherit van je body.,

dinsdag 22 februari 2005 16:46

Acties:

T-MOB

Rowanov schreef op dinsdag 22 februari 2005 @ 15:27:
[...]

Je zegt het dus zelf al, de iframe inherit de hoogte en breedte van de div alleen als die waarden absoluut zijn. In jouw geval zijn ze niet absoluut, dus inherit het iframe van de div en de div inherit van de body. Resultaat is dus dat iframe de waarden inherit van je body.,

De body heeft toch ook geen vaste hoogte en breedte? Maar goed gewoon een BUG in IE dus...

Regeren is vooruitschuiven

dinsdag 22 februari 2005 16:52

Acties:

Rowanov

Kop eens wat anders...

T-MOB schreef op dinsdag 22 februari 2005 @ 16:46:
De body heeft toch ook geen vaste hoogte en breedte? Maar goed gewoon een BUG in IE dus...

Had ff het zinnetje "Firefox doet het prima" gemist.

dinsdag 22 februari 2005 17:05

Acties:

T-MOB

Het punt is trouwens dat IE de hele constructie niet ondersteund met absoluut positioneren en het alleen opgeven van afstanden tot rand van de parent. De div #test wordt in dit geval gewoon tov van top en left gepositioneerd zonder width en height...

Regeren is vooruitschuiven