[css] Div uitrekken

[kleautviool]

Ik ben nu aan het proberen om een forum met divjes te maken, alleen loop ik al gelijk tegen een probleem aan, namelijk als een bericht langer is dan de hoogte van de div, dan gaat de tekst over de borders heen (dus buiten de bedoelde ruimte) zonder de container-div uit te rekken. Ik heb al vanalles geprobeert, en met de search hier kom ik er ook niet echt uit (wel soortgelijke problemen, alleen dan net ietsje anders, of de oplossing werkt bij mij niet) dus is mijn vraag of toevallig iemand weet hoe ik ervoor kan zorgen dat de div waar de tekst in komt, de container0div uitrekt, i.p.v. buiten de borders te gaan. Momenteel heb ik deze css:

Cascading Stylesheet:

    div {
        font: 12pt 'times new roman';
        color: #444;
        position: relative;
        left: 0px;
        right: 0px;
    }
    div.reactieContainerLight {
        width: 750px;
        background-color: #e6f2ff;
    }
    div.reactieLeft {
        width: 145px;
        border-right: solid 1px #000;
        padding: 3px 0px 3px 5px;
    }
    div.reactieRight {
        width: 595px;
        position: absolute;
        left: 150px;
        top: 2px;
        padding-left: 5px;
    }

en mijn html is zo:

HTML:

<div class="reactieContainerLight">
    <div class="reactieLeft">
        <p class="fontNormal>Hier gebruikersinfo</p>
    </div>
    <div class="reactieRight">
        <p>Hier dan een tekst die te lang is, en dus fout gaat</p>
    </div>
</div>

Sorry als een soort gelijk topic al eens langs is gekomen, alleen ik kon nisk vinden, en kom er ff niet meer uit. Misschien iemand?

[ Voor 6% gewijzigd door kleautviool op 30-09-2003 22:28 ]

[Verwijderd]

Zoiets, dan werkt het wel ongeveer:

code:

    div.reactieRight {
        width: 595px;

        left: 150px;
        top: -20px;
        padding-left: 5px;
    }

Ik zie eigenlijk het nut er niet van in om een forum te herschrijven in divjes. Tabellen lijken me veel beter geschikt voor dat werk.

[kleautviool]

Hmm dat werkt idd, alleen nu staan beide divs (reactieLeft en reactieRight) niet naast elkaar, de rechter-div staat nu onder de linker, alleen wel 150px van de linkerkant af, iemand toevallig ook een id hoe ik dat weer kan oplossen?

En ik probeer het in div's te doen, gewoon om te kijken of het lukt Experiment zeg maar

[Willem]

Om nou een specificatie voor het element "div" te benoemen lijkt me niet zo handig met zoveel divjes... Het zou de voorkeur verdienen om binnen je div containers classes of id's te gebruiken voor het overzicht..

Geef je "content" div anders een een hoogte mee?

Overigens i top:-20px; een ranzige oplossing..

[ Voor 10% gewijzigd door Willem op 30-09-2003 23:04 ]

[kleautviool]

Ja, maar die hoogte verrandert naar mate de lengte van de tekst die ingevoert wordt, dus dat kan niet

[Willem]

Gewoon een <p> in die div zetten? Spelen met de overflow?

[crisp]

Je position:absolute gooit roet in het eten; hierdoor rekt je container niet meer uit. Een float is dan denk ik een betere oplossing, maar niet in IE...

[kleautviool]

Hmm ok, zal morgen ofzo wel ff verder kijken, als ik een oplossing vind zal ikem hier posten, zoniet dan niet .
Iig iedereen bedankt voor de hulp!