[CSS] margin wijzigen bij <h2>

[anoniem]

Ik heb bij mijn site een fotogedeelte, waar steeds (maximaal) 3 thumbnails naast elkaar staan. Ik wil tussen de thumbnails kopjes kunnen plaatsen, wat me in IE is gelukt: [img:4ca706eeaa]http://members.home.nl/margreet25/site1.jpg[/img:4ca706eeaa] Maar als ik het in Netscape 7.1 bekijk dan heeft de margin geen zin gehad: [img:4ca706eeaa]http://members.home.nl/margreet25/site2.jpg[/img:4ca706eeaa] Deze code gebruik ik:[code:1:4ca706eeaa]h2 { margin-left:20px; margin-top:149px; font-size: 11px; font-weight: bold; margin-bottom:0px; }[/code:1:4ca706eeaa] Maar zelfs als ik <br> of <p> gebruik schuift de tekst niet naar beneden. Hoe kan dit?[/code] Online voorbeeld: www.MichielPH.tk of http://members.home.nl/margreet25/michielph/foto/bbq_met_ouders/index.htm

[anoniem]

Hoe worden de thumbnails gepositioneerd?

[anoniem]

Div's met [i:1fc1a68f91]float:left;[/i:1fc1a68f91]

[anoniem]

voeg bij die h2 declaratie eens toe: [code:1:ffda1557fe]clear:both;[/code:1:ffda1557fe]

[anoniem]

Het werkt! Nouja, min of meer.. Het werkt nu zelfs beter dan ik eerst had! Toch blijft de vraag of je margin bij koppen in Netscape kan gebruiken, want ik houd dit: IE: [img:9bf57d81b3]http://members.home.nl/margreet25/site3.jpg[/img:9bf57d81b3] (Zo wil ik het dus) NN: [img:9bf57d81b3]http://members.home.nl/margreet25/site4.jpg[/img:9bf57d81b3] En wat wordt eigenlijk ge-clear-t?

[anoniem]

Als je floats gebruikt, worden die uit de "flow" van het document getild, vandaar dat een aantal dingen een beetje anders werken rondom floats. Lees [url=http://www.complexspiral.com/publications/containing-floats/]dit artikel[/url] maar eens. Die clear heeft dus betrekking op de float. Je zou ipv margin hier padding kunnen gebruiken. Nog iets om te weten: als er verschil zit tussen IE en Netscape/Mozilla/Firefox, dan zit IE fout. Die doet veel dingen op een eigenwijze niet-standaard manier.

[anoniem]

Ziet er al wa beter uit.. MAAR: [i:edfdc4e076]padding-left: 10px;[/i:edfdc4e076] in NN is hetzelfde als [i:edfdc4e076]padding-left: 20px;[/i:edfdc4e076] in IE. Hoe is dit op te lossen?[/i]

[anoniem]

Door IE naar de prullenmand te verwijzen! :wink: Maar serieus: dan zou ik me meer in de opbouw van die pagina moeten verdiepen, om te zien waar IE nu weer fout gaat (gokje: box-model), maar daar heb ik nu de tijd niet voor. Misschien iemand anders?

[anoniem]

[quote:5838fec08f=":ben:"]Door IE naar de prullenmand te verwijzen! :wink:[/quote:5838fec08f]Door Bill zijn markaandeel gaat dit zo moeilijk.. :evil: [quote:5838fec08f=":ben:"]Maar serieus: dan zou ik me meer in de opbouw van die pagina moeten verdiepen, om te zien waar IE nu weer fout gaat (gokje: box-model), maar daar heb ik nu de tijd niet voor. Misschien iemand anders?[/quote:5838fec08f]Dit verwacht ik ook van niemand, volgens mij mag ik dat niet eens vragen van meneer de moderator. :roll:

[anoniem]

[quote:c78d9d4a69=":ben:"]..... (gokje: box-model), ......Misschien iemand anders?[/quote:c78d9d4a69] Yep. Wordt erg lastig op te lossen. Je zou ook je foto's en teksten kunnen verheffen tot tabulaire data :wink: Krijg je opeens andere mogelijkheden die in beide browsers en bijbehorende versies wel werken...

[anoniem]

Ben anders op weg, heb misschien wel iets belangrijks ontdekt.. Niet de plaats van de kop verschilt, de plaats van de afbeelding verschilt 10 pixels..

[anoniem]

Ik ben bezig met een foto pagina. Daar staat elke foto in een floating div, met eerst de foto dan de tekst. De tekst komt zo onder de foto, met ie en firefox. link : http://www.wimb.net/index.php?s=home&page=120 Het filmpje is de achtergrond van de div, wimb

[anoniem]

Jij hebt het wel in php... WIL IK OOK! Alleen ik zit bij @Home, die ondersteunt dat niet, en ik wil dus niet extra betalen of reclame.. [Offtopic]die 2e foto, 'Waterfall..' vind ik niet zo mooi. Mss had je beter de hele waterval kunnen nemen en wellicht hier en daar wat bijsnijden.[/Offtopic]

[anoniem]

Pas ook is 'padding:0' toe.