[CSS] Float in <p> sloopt margin?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mitchell

Mitchell

12/01/2009 21:18:00
Quote Anchor link
Hey Phphulp,

Ik heb een probleem gerelateerd met een persoonlijke website waar ik momenteel mee bezig ben.

Site (pagina): Link.

Wat nu mij probleem is, is dat ik 2 blockquote's gefloat hebt in aparte p's, naast dat staan er ook nog een aantal losse p's zonder float erin. Wat er nu gebeurd is dat in Firefox die p's met een float erin hun margin-bottom verliezen, IE (7) daarintegen laat deze margins nog steeds zien.


Ik heb al een aantal dingen geprobeerd, maar kom er niet uit. Ik hoop dat jullie misschien weten wat er aan de hand is.


B.v.d. Mitchell
 
PHP hulp

PHP hulp

22/11/2024 08:24:40
 
Jesper Diovo

Jesper Diovo

12/01/2009 21:22:00
Quote Anchor link
Ik zie je site gewoon goed hoor?
 
Mitchell

Mitchell

12/01/2009 21:23:00
Quote Anchor link
Jezpur schreef op 12.01.2009 21:22:
Ik zie je site gewoon goed hoor?
Vergelijk eens met Firefox en IE 7. Dan zie je het probleem hoogst waarschijnlijk wel.
 
Niek Weevers

Niek Weevers

12/01/2009 21:24:00
Quote Anchor link
Dit komt omdat de stukken tekst in de broncode na de blockquotes geen <p> zijn. Geef in je css de p anders ook een margin-top, of zorg ervoor dat elke stuk tekst in een p staat
 
Mitchell

Mitchell

12/01/2009 21:27:00
Quote Anchor link
Niek schreef op 12.01.2009 21:24:
Dit komt omdat de stukken tekst in de broncode na de blockquotes geen <p> zijn. Geef in je css de p anders ook een margin-top, of zorg ervoor dat elke stuk tekst in een p staat
Die p's staan om de blockquotes en de tekst. Moet ik de blockquotes anders uit de p's halen? (Ik heb zelf het idee dat ik dan alleen niet het gewenste -wordwrap- effect krijg..)
 
Niek Weevers

Niek Weevers

12/01/2009 21:32:00
Quote Anchor link
Sorry had ik niet gezien. Maar een blockquote hoort niet in een <p>. Ik zou hem eruit halen en alleen de blockquotes laten floaten. De p's niet.

ps ik heb het niet getest. Maar ik denk dat de p's zo ook naast de blockquotes gaan floaten, mits je geen vaste breedte aan de p's geeft (maar dat hoeft ook niet)
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
 
Mitchell

Mitchell

12/01/2009 21:37:00
Quote Anchor link
Niek schreef op 12.01.2009 21:32:
Sorry had ik niet gezien. Maar een blockquote hoort niet in een <p>. Ik zou hem eruit halen en alleen de blockquotes laten floaten. De p's niet.

ps ik heb het niet getest. Maar ik denk dat de p's zo ook naast de blockquotes gaan floaten.
Heb het probleem gevonden, ik had op de p's width: 100% en overflow: hidden gezet, zodat de floats erin niet over de volgende tekst konden gaan zweven, hierdoor kon ik de blockquotes niet uit de p halen.

Nu heb ik die waarden weggehaald en werkt het.
Bedankt voor je tijd. :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.