Archief - xHTML/CSS: Verticale ruimte tussen div's

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

KingJelle

Legacy Member
Ik krijg (zowel bij IE als FF) een verticale ruimte tussen 2 div's (top en middlerepeat).

De code's :

HTML
PHP: 
<div class="content">
<div class="top">blabla</div>
<div class="middlerepeat">

  <p>Lorem ipsum dolor sit amet... </p>
</div>
</div>

CSS
PHP: 
.content {width:622px;
margin-left:201px;
}

.middlerepeat {background-image:url(middlecontentrepeat.gif); background-repeat:repeat-y;
margin:0}

.top { background-image:url(topcontent.gif);
background-repeat:no-repeat; height:50px;
margin:0}


P.S. Dit is waarschijnlijk al eens gepost maar, ik heb via de search functie gezocht en daar kon ik slechts 1 pagina van de 13 search results bezien, (ik vond geen manier om naar de volgende pagina te gaan). En op die 1ste pagina vond ik geen echt antwoord op mijn vraag, en via google kreeg ik ook niet echt een goed antwoord.
e

el73

Legacy Member
TriMenToR zei:
Dit komt omdat je <p></p> gebruikt. Doe je dit weg heb je het probleem niet.

Een oplossing is:
<p></p> weglaten en tekst in een aparte div zetten met een eigen opmaak

of (wat mij ergens stom lijkt)
p{
margin-top:0px;
margin-bottom:0px;
}

Vele mogelijkheden, test maar eens uit met css. Mijn voorkeur zou zijn de tekst in een aparte div stoppen binnen de div en deze opmaken. Ook zou ik de div's een hoogte meegeven, wat jij niet doet.

grtz
Klik om te vergroten...

Als je dan toch met divs werkt en het op de juiste manier wil aanpakken, kan je best voor de tweede optie gaan, met een paragraaf.
Q

Quilombo

Legacy Member
TriMenToR zei:
Dit komt omdat je <p></p> gebruikt. Doe je dit weg heb je het probleem niet.

Een oplossing is:
<p></p> weglaten en tekst in een aparte div zetten met een eigen opmaak

of (wat mij ergens stom lijkt)
p{
margin-top:0px;
margin-bottom:0px;
}

Vele mogelijkheden, test maar eens uit met css. Mijn voorkeur zou zijn de tekst in een aparte div stoppen binnen de div en deze opmaken. Ook zou ik de div's een hoogte meegeven, wat jij niet doet.

grtz
Klik om te vergroten...

wtf is dat voor een vreemde oplossing? p-tags bestaan voor iets hé, daar is niks "stom" aan :wtf:

div een hoogte meegeven hoeft totaal niet
X

Xavez

Legacy Member
Post eens een link naar de website. Als ik het goed begrijp pak je het precies helemaal verkeerd aan en zou je in plaats van twee divs gewoonweg <h2></h2> en <p></p> moeten gebruiken :).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan