login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleempje positionering

Offline flyingdutchm - 30/11/2009 16:45 (laatste wijziging 30/11/2009 16:56)
Avatar van flyingdutchmNieuw lid Beste,

ik als niet beter wetende beginner dacht nadat ik wat plaatjes via divjes gepositioneert had dat ik daarna via dezelfde wijze tekts eroverheen zou kunnen schrijven.
niet dus.

zo staat mijn plaatje

<div style="position:absolute;top:100px;left:100px">
<img width="250" height="250" border="0" src="Plaatje.png"/>
</div>


zo heb ik mijn tekst gepositioneert ( die over het bovenste stukje van het plaatje zou moeten komen als beschrijving )

<div style="position:absolute;top:100px;left:100px">
<font color="dimgray"><h5><strong>Mijn Tekst Hiero</strong></h5></font>
</div>

tot mijn verbazing geeft dit goed resultaat met firefox TOT ik
hetzelfde open in IE waar de tekst ca 50px hoger staat, boven het plaatje dus.



wat zou de oplossing hiervoor wezen om zeker te stellen dat het dezelfde resultaten in de meeste gebruikelijke browsers weergeeft ?

ik ben nog niet echt bekend met css dit is een van mijn eerste testjes.

bij voorbaat dank


EDIT:

ik zie net als ik in mijn divje in plaats van
margin:100px
het volgende schrijf
margin-top:100px
het wel hetzelfde effekt geeft in beide browsers ?

3 antwoorden

Gesponsorde links
Offline Martijn - 30/11/2009 16:57
Avatar van Martijn Crew PHP zet is om je twee absolute divjes is een position: relative;, zonder top en margin?

Optie twee, maak 1 div met position relative, zet daar je plaatje in én je absolute div met tekst.

optie drie, de meest nette, maak 1 div met width en heigth 250px, en zet je plaatje als background: url('link.jpg'); neer 
Offline flyingdutchm - 30/11/2009 17:04
Avatar van flyingdutchm Nieuw lid hmm

ok ga ik mee aan de slag, dank je.

maar vanwaar het verschil tussen "top" + "margin-top"?

mag dit alleen gebruikt binnen css ? ik denk dat ik dit verkeerd doe.

de bedoeling is binnen de site de plaatjes op een door mij gedifineerde position te plaatsen en de tekst eroverheen
Offline Martijn - 30/11/2009 17:23
Avatar van Martijn Crew PHP top is hoeveel pixels van boven ie moet beginnen. Margin top houd 100px vrij vanaf het object boven m (hoeft dus niet altijd de top van de pagina te zijn)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.155s