[XHTML + CSS] Hoogteinstelling van layer - Softwareontwikkeling

zondag 24 juli 2005 16:42

Acties:

*pwiet*

Topicstarter

code:

    <body id="body">
        <div id="top_header"></div> 
        <div id="content"><iframe src="http://www.telenet.be"></iframe></div>
    </body>

Dit is de code die in mijn index staat.
Zoals je ziet wil ik dus alles wat in de iframe laat komen eigenlijk fullscreen hebben op de header na.
Hiervoor neem ik 100% als height in mijn css, maar als ik het dan uittest, dan gaat hij 100% + 74px nemen (de hoogte van mijn header).

Heeft iemand hier een oplossing voor. De iframe moet wel degelijk in een layer blijven staan, dit heeft te maken met de verdere uitwerkening van het project.

zondag 24 juli 2005 16:59

Acties:

Verwijderd

div#content 100% maken (body ook) en een padding-top van 74px geven, header absoluut positioneren eroverheen en dan het iframe ook 100% hoogte, zal wel werken gok ik

en ik geef hem maar weer ff:
http://annevankesteren.nl/2004/07/fixed-positioning

zondag 24 juli 2005 17:05

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op zondag 24 juli 2005 @ 16:59:
[...]zal wel werken gok ik

Ja, dat werkt, maar niet in w3c boxmodel...

Intentionally left blank

zondag 24 juli 2005 17:12

Acties:

Superflip

*pwiet*

Topicstarter

Verwijderd schreef op zondag 24 juli 2005 @ 16:59:
div#content 100% maken (body ook) en een padding-top van 74px geven, header absoluut positioneren eroverheen en dan het iframe ook 100% hoogte, zal wel werken gok ik

en ik geef hem maar weer ff:
http://annevankesteren.nl/2004/07/fixed-positioning

Die had ik echter reeds doorgenomen.
Het is helaas niet helemaal wat ik zoek vrees ik.

Ik ben eigenlijk een overlay aan het maken voor een intranet om het gebruik te vergemakkelijken, ik moet dus een externe pagina laden in een iframe. De scrollbars van de iframe zijn de enigste die ik wil zien, en niet die van de eigenlijke pagina, en die heb ik nu wel doordat mijn pagina height 74px + 100% is.

zondag 24 juli 2005 17:46

Acties:

Verwijderd

daarom, zoals crisp al aangeeft in het IE boxmodel werken

zondag 24 juli 2005 17:52

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op zondag 24 juli 2005 @ 17:46:
daarom, zoals crisp al aangeeft in het IE boxmodel werken

... of een stukje javascript gebruiken

Intentionally left blank

zondag 24 juli 2005 17:59

Acties:

Superflip

*pwiet*

Topicstarter

Ik denk echter dat ik met 2 frames ga werken en de data als volgt doorgeven : http://www.irt.org/script/1343.htm

Dit lijkt mij de veiligste en snelste oplossing.

maandag 25 juli 2005 10:30

Acties:

Verwijderd

misschien staat hier iets interessants
http://www.stunicholls.myby.co.uk/layouts

Na een hoop geklooi heb ik dit daarmee voor elkaar gekregen.
http://edunk.nl/cms/test.php (voor diegene die het niet ziet, de site blijft altijd even groot als het scherm)
In principe kan die lange tekst dan jouw iframe worden. Deze CSS werkt zowel in FireFox als in IE (ik gebruik wel redelijk veel IE hackz, komt door dat IE niks van absolut positionering snapt. Bij IE gebruik je de ene bug om de andere bug weg te werken

)

edit: dit, http://annevankesteren.nl/2004/07/fixed-positioning, is trouwens in interessante link. Bedankt

[ Voor 19% gewijzigd door Verwijderd op 25-07-2005 10:39 ]

maandag 25 juli 2005 10:45

Acties:

crisp

Devver

Pixelated

Par0xysm: jouw voorbeeld loopt stuk in Opera en ws ook in Konquerer en Safari.
Absoluut positioneren met een top en bottom is wel een idee though, hoewel ik liever gewoon in de flow blijf als het even kan.
Note dat jouw oplossing vereist dat IE in quirksmode rendered.

Intentionally left blank

maandag 25 juli 2005 12:06

Acties:

Verwijderd

Op zich is dat wel raar omdat ik toch valid CSS gebruik. Alleen de IE hacks zijn misschien niet zo netjes, maar die zijn IE only. Het is gewoon moeilijk om een site te bouwen die het gehele scherm in gebruik neemt. IE staat trouwens in quarkmode door de <?xml version="1.0" encoding="UTF-8"?> (ten minste dat heb ik ergens gelezen). Wat bedoel je trouwens met "flow"?

In het begin wou ik een site hebben die hoogte 100% heeft en indien er teveel tekst in kwam, de hoogte groter werd (dus dat je een scrolbar krijgt). Maar door de randen links en rechts lukte dit niet. deze wilden niet mee vergroten, hier vb: http://edunk.nl/cms/test2.php ik krijg het gewoon niet voor elkaar die div links en rechts even groot te maken als de tekst. Maar nu ik die link van position fixed zie ga ik het misschien later daarmee proberen. Je zou zeggen die div's op 100% zetten maar dan worden ze niet net zo groot als de container maar als het scherm

(tenzij ik een hoogte meegeef voor de container)

[ Voor 13% gewijzigd door Verwijderd op 25-07-2005 12:09 ]