[CSS2] 2 DIVS, 1tje met px andere met % - Softwareontwikkeling

donderdag 5 februari 2004 23:58

Acties:

Verwijderd

Topicstarter

het voorbeeld: http://213.84.14.86/index.php

ik heb 2 div's,

eentje met een vaste hoogte (100px)

en daaronder de andere, en deze zou vanaf hoogte 100px,
helemaal naar beneden moeten gaan (einde van je browser).
zoals je vroeger met een tabel kon doen door er 100% in
te knallen.

dus met andere woorden de onderste div moet mee rekken
met de pagina hoogte.

vrijdag 6 februari 2004 00:04

Acties:

bredend

Cascading Stylesheet:

    DIV
    {
        position: absolute; 
    }

        #top
        {
            top: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background-color: red;
        }

        #rest
        {
            top: 100px;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: blue;
        }

Staat in de source van het voorbeeld

vrijdag 6 februari 2004 00:05

Acties:

Voutloos

bredend schreef op 06 februari 2004 @ 00:04:
Staat in de source van het voorbeeld

En het voorbeeld werkt niet.

{signature}

vrijdag 6 februari 2004 00:06

Acties:

Verwijderd

Topicstarter

yup, maar dat werkt dus niet,

want je krijgt een scrollbar aan de rechterkant

dit komt omdat die
de 100% neemt van je hele browser.

stel dat dat 800pixels is, dan wordt die onderste div ook 800pixels
en ik wil juist dat het 800 - 100 (van de bovenste div) = 700 wordt

en als je browser hoogte 1000pixels is, moet de onderste div 900pixels
worden

vrijdag 6 februari 2004 00:08

Acties:

Justice

Doe je toch de achtergrond van body blauw, en daarbovenop een absoluut gepositioneerde div, margin-top: 100px van de body en klaar ben je.

Dit staat ook minstens 5 keer in de search en ook op de verplichte site http://css-discuss.incutio.com/?page=FrontPage

Human Bobby

vrijdag 6 februari 2004 00:11

Acties:

bredend

Ow, ik dacht dat dat het voorbeeld was van wat JIJ OOK wilde hebben

Cascading Stylesheet:

        DIV
    {
        position: absolute; 
    }

        #top
        {
            top: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background-color: purple;
        }

        #rest
        {
            top: 100;
            left: 0;
            width: 100%;
            height: 100%;
            margin-top: -100px;
            background-color: pink;
        }

Zo, nu klopt het wel bij mij

En dan overlappen ze ook niet.

[ Voor 122% gewijzigd door bredend op 06-02-2004 00:23 ]

vrijdag 6 februari 2004 00:13

Acties:

Justice

serieus dit meen je niet...

Human Bobby

vrijdag 6 februari 2004 00:15

Acties:

Verwijderd

Topicstarter

Justice schreef op 06 februari 2004 @ 00:08:
Doe je toch de achtergrond van body blauw, en daarbovenop een absoluut gepositioneerde div, margin-top: 100px van de body en klaar ben je.

Dit staat ook minstens 5 keer in de search en ook op de verplichte site http://css-discuss.incutio.com/?page=FrontPage

helaas, dan krijg je weer dat er een scrollbar komt, en het gaat niet persee om het blauwe, dat is alleen om de div aan te tonen.

vrijdag 6 februari 2004 00:27

Acties:

Verwijderd

Topicstarter

probleem al voor een deel gevonden, het ligt aan IE, deze ondersteund geen position: fixed; helaas

want in opera lukt het wel ....

vrijdag 6 februari 2004 00:34

Acties:

bredend

...en in mozilla (firebird) ook?

vrijdag 6 februari 2004 00:38

Acties:

Verwijderd

Topicstarter

bredend schreef op 06 februari 2004 @ 00:34:
...en in mozilla (firebird) ook?

die heb ik niet, dus kan ik ook niet testen

vrijdag 6 februari 2004 00:41

Acties:

Justice

Verwijderd schreef op 06 februari 2004 @ 00:15:
helaas, dan krijg je weer dat er een scrollbar komt, en het gaat niet persee om het blauwe, dat is alleen om de div aan te tonen.

Sorry maar die oplossing werkt echt.. Ik gebruik 'm zelf

Alleen nooit in HTML4.0 strict, alleen XHTML 1.0 strict/transitional misschien dat het daar aan ligt.
En ik doelde niet op het blauwe, alleen maar dat je <body> ook kan zien als een div

Human Bobby

vrijdag 6 februari 2004 00:44

Acties:

Verwijderd

Topicstarter

Justice schreef op 06 februari 2004 @ 00:41:
[...]

Sorry maar die oplossing werkt echt.. Ik gebruik 'm zelf Alleen nooit in HTML4.0 strict, alleen XHTML 1.0 strict/transitional misschien dat het daar aan ligt.
En ik doelde niet op het blauwe, alleen maar dat je <body> ook kan zien als een div

klopt, ik las het ook verkeerd, sorry mijn fout

maarre dan moet je er ook een top padding bij plaatsen van 100px anders komt de text onder het rooie vlak te staan..

vrijdag 6 februari 2004 12:22

Acties:

Justice

ja sorry ik bedoelde padding-top:100px niet margin

Human Bobby

Pagina: 1

Reageer