[css] container probleempje

[Pixeldude]

Hey ik ben bezig met mn nieuwe website. En nou ben ik tegen het volgende 'aangelopen'. Ik gebruik op mn portfolio pagina een aantal paragraafjes om alles mooi onder elkaar te zetten. In deze paragraaf zit een thumbnail van het geen wat ik wil laten zien, deze heeft een float left en om de paragraaf mee te laten rekken heb ik deze ook een float left mee gegeven en zo wrapt hij in de hoogte mooi om het plaatje mee ongeacht hoeveel tekst er in staat. Maar nu... in IE geeft hij het goed weer maar in FF staat de bgimg van de footer_links die onder de content_links pagina zit ongeveer 300px hoger dan de inhoud van de footer.

Heeft iemand een idee waar dit aan ligt en hoe ik dit kan voorkomen?

html: linkje

css: linkje

Ik heb de paragraven en de h3tjes even tijdelijk een 1px solid black border meegegeven

[Verwijderd]

bij #footer_rechts een clear: both; toevoegen!?

Weet niet zeker, maar lijkt me wel..

succes.

[Pixeldude]

Verwijderd schreef op maandag 05 september 2005 @ 15:10:
bij #footer_rechts een clear: both; toevoegen!?

Weet niet zeker, maar lijkt me wel..

succes.

Thanx, dat werkt

Het bgimg probleem is nu opgelost
Vreemd is nog wel dat de ruimte tussen de content en de footer niet gelijk is in de beide browsers.

Toevallig daar ook een ideetje voor?

[Verwijderd]

Je hebt in de content_rechts div een padding staan waarop FF en IE veschillend mee omgaan.

code:

#content_rechts {
    background-image:   url('images/content_rechts.jpg');
    background-repeat:  no-repeat;
    width:          467px;
    padding:        0px 30px 0px 30px;
}

Quote van Seismic

Firefox berekent de padding goed, binnen de DIV nml. IE rekent ''m buiten de DIV. Is je DIV 185px en je padding 15px, dan word in IE je totale breedte van je DIV dus 200px. In FF blijft hij gewoon 185px. Zie ook hier en hier.

[ Voor 12% gewijzigd door Verwijderd op 05-09-2005 15:28 ]

[Pixeldude]

Verwijderd schreef op maandag 05 september 2005 @ 15:27:
Je hebt in de content_rechts div een padding staan waarop FF en IE veschillend mee omgaan.

code:

#content_rechts {
    background-image:   url('images/content_rechts.jpg');
    background-repeat:  no-repeat;
    width:          467px;
    padding:        0px 30px 0px 30px;
}

Quote van Seismic

[...]

Aha oke. Maar nu, hoe kan ik er voor zorgen dat hij het goed doet in IE?

[Sappie]

Verschillen in box-model treden alleen op als IE6 in quirksmode rendert (dit kun je op verschillende manieren forceren). In jouw geval ligt het hier niet aan (je gebruikt een valide DTD en hebt geen HTML comments boven je DTD staan). Waar het wel aan ligt kan ik je zo 123 helaas niet zeggen, maar als ik wat meer tijd heb zal ik er ff naar kijken.

edit:

ff snel gekeken toch maar lijkt erop dat je te maken hebt met margin collapsing. Kijk bijvoorbeeld hier:

http://www.andybudd.com/a...argin_for_error/index.php

[ Voor 23% gewijzigd door Sappie op 05-09-2005 15:57 ]

[Pixeldude]

Oke thanx man, ik ga dr is naar kijken

[Pixeldude]

Yupe, dat was het idd ik heb nu gewoon van mn margin in de p.portfolio mn padding gemaakt en nu wekt hij in beide browsers

Nogmaals bedankt he