Hey,

Op http://tinyurl.com/6j2cs6lheb ik bovenin een banner toegevoegd. Nu is het zo dat de tekst van de pagina onder de banner komt en je hebt dus niet kan lezen. Hoe krijg ik dit goed. Normaal kan je een margin-top geven maar de banner staat in dezelfde DIV als die van de tekst van de pagina.

Hee Robbin,

Gaat het om de volgende tekst? "Vanaf € 6,= per maand!"?

Origineel gepost door Robbin de Kruijf

Hey,

Op http://tinyurl.com/6j2cs6lheb ik bovenin een banner toegevoegd. Nu is het zo dat de tekst van de pagina onder de banner komt en je hebt dus niet kan lezen. Hoe krijg ik dit goed. Normaal kan je een margin-top geven maar de banner staat in dezelfde DIV als die van de tekst van de pagina.

Nee het gaat hier om de tekst die op de pagina staat (zie screenshot). Je ziet rechts een kolom die ook onder de banner komt.. en onder de banner (wat je nu dus niet kan zien) zit nog allemaal tekst. als je goed kijkt bij het laden van de pagina zie je eerst de tekst komen en dan als de banner geladen is komt deze er precies eroverheen

Ah ik zie dat je de bovenste gedeelte met position absolute positioneert wat dus resulteert in zulke situatie's. Tip: als het niet nodig is gebruik geen position: absolute of relative;

Het zou kunnen dat dit wordt veroorzaakt door het floaten van de elementen. Probeer tussen de verschillende dingen, in dit geval denk ik je header en je context, de floats te clearen.

Helemaal zeker weet ik het niet, omdat de code zo in je browser bekijken nou niet echt overzichtelijk is.

(Denk dus bijvoorbeeld aan..
In je pagina tussen de verschillende stukken:

<div class="cBoth"><!--clear both--></div>

En in je CSS:
.cBoth {
clear: both;
}
)

Succes!
Aanvullend bericht:
Oh, nou, dat klinkt ook als een aardige oorzaak Jonathan. :') Had ik nog niet gelezen voor ik postte.

Je kunt ook padding-top: 150px; op het p element zetten

.format_text p {
margin-bottom: 1.667em;
margin-top: 0;
padding-top: 150px;


}

Zou kunnen maar niet de beste oplossing..

Origineel gepost door John Bal

Je kunt ook padding-top: 150px; op het p element zetten

.format_text p {
margin-bottom: 1.667em;
margin-top: 0;
padding-top: 150px;


}

@Robbin
Mocht je nog op zoek zijn stuur me dan even een pm dan kunnen wij dit wel voor je oplossen!