[html/div/css] meegroeien div lukt niet

Pagina: 1
Acties:

  • beany
  • Registratie: Juni 2001
  • Laatst online: 08:11

beany

Meeheheheheh

Topicstarter
Ik heb de volgende situatie(gestript en vereenvoudigd):

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<body bgcolor="#aaaaaa">
    <DIV style="Z-INDEX: 101; LEFT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 300px; BACKGROUND-COLOR: white">
        <DIV style="Z-INDEX: 106; LEFT: 16px; WIDTH: 448px; FONT-FAMILY: Arial; POSITION: absolute; TOP: 212px; HEIGHT: 524px;">
            <P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam rhoncus. 
            Pellentesque venenatis. Praesent tincidunt, nisl nec tincidunt placerat, est 
            nunc facilisis wisi, ac sagittis dui mauris eu libero. Pellentesque convallis 
            pharetra mi. Etiam porttitor, odio ac tempor ultrices, nulla tortor mollis 
            eros, id accumsan erat augue ac wisi. Cras non tortor. Vivamus tempus, nibh ac 
            feugiat hendrerit, metus velit ultricies pede, vitae fringilla dui nulla ac 
            urna. Quisque dictum adipiscing quam. Sed tincidunt, odio eu consequat 
            consectetuer, metus nulla vulputate diam, vitae lobortis wisi nisl at elit. Sed 
            laoreet. Nulla adipiscing, odio vel tristique tincidunt, dui libero vehicula 
            pede, quis tincidunt velit augue id metus. Aenean bibendum mattis justo. Fusce 
            mauris. Sed non arcu et augue laoreet condimentum.
            </P>
        </DIV>
    </DIV>
</body>
</html>


Het probleem is alsvolgt:

De 2e DIV heeft tekst. Die lengte van de tekst zorgt ervoor dat de DIV voor een gedeelte buiten zijn parent komt. Ik kan snap niet dat de parent niet meegroeit met zijn child... Ik wil de 2e DIV graag precies kunnen positioneren(en ook andere items die geplaatst worden) en ik weet van te voren niet hoeveel tekst erin komt te staan.

Ik heb zitten spitten in google en got search, ik kwam wel wat dingetjes tegen maar die waren allen net niet het geen wat ik zocht. En ik wil ook geen scrollable div maken. Zit nu al een paar uur te rotzooien en kom er niet meer uit 8)7

Dagelijkse stats bronnen: https://x.com/GeneralStaffUA en https://www.facebook.com/GeneralStaff.ua


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

De parent groeit niet mee, omdat je de child uit de flow van de parent haalt (je positioneert absolute nl :))

Als je "Left" en "Top" wilt gebruiken dan haal je die position: weg en geef je je <p> (die extra div hoeft niet hoor ;)) een margin-left c.q. -top

[ Voor 41% gewijzigd door BtM909 op 06-06-2005 14:48 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • beany
  • Registratie: Juni 2001
  • Laatst online: 08:11

beany

Meeheheheheh

Topicstarter
heilige poep... margen-left en margin-top ... dat is wel erg simpel... werkt zoals ik het wil !!!

thx BtM909 :)

edit: dit grapje werkt dus niet in firefox :(

[ Voor 18% gewijzigd door beany op 06-06-2005 14:56 ]

Dagelijkse stats bronnen: https://x.com/GeneralStaffUA en https://www.facebook.com/GeneralStaff.ua


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

beany schreef op maandag 06 juni 2005 @ 14:54:
heilige poep... margen-left en margin-top ... dat is wel erg simpel... werkt zoals ik het wil !!!

thx BtM909 :)

edit: dit grapje werkt dus niet in firefox :(
Welk grapje? :)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • beany
  • Registratie: Juni 2001
  • Laatst online: 08:11

beany

Meeheheheheh

Topicstarter
in firefox groeit de parent div niet mee, in IE wel

edit: never mind... een HEIGHT in de parent vind IE niet erg... FF blijkbaar wel...

[ Voor 47% gewijzigd door beany op 06-06-2005 15:07 ]

Dagelijkse stats bronnen: https://x.com/GeneralStaffUA en https://www.facebook.com/GeneralStaff.ua


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Ik doelde met
Welk grapje? :)
Op een stuk relevante code ;) Ga het niet volledig voor je uitschrijven ;)

edit:

height wordt door IE ten onrechte aangezien voor min-height ;) Daarom werkte het wel zoals jij verwachtte :)

[ Voor 37% gewijzigd door BtM909 op 06-06-2005 15:08 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1