Sziasztok!
Egy paragrafusba ágyazott pre blokk után (kipróbáltam másik paragrafussal is) a paragrafusnak megadott margó mintha nem érvényesülne: a
lap.
Utánaolvastam a CSS 1 és 2 box modelnek, az öröklődésnek, de nem jövök rá, mi a gond.
Előre is kösz a segítséget!
■
Kifelejtettem...
p helyett div
Nem olvastam utána, de úgy néz ki, hogy a <pre> lezárja az előtte elkezdett <p>-t.
Működni látszik
Amúgy nem csak a pre, hanem a p is "lezárta" (<p><p></p></p>), de ötletem nincs, miért.
Mi a különbség egy div és egy p között? Miért jó a div-pre beágyazás, miért nem jó a p-pre, vagy a p-p? (FF 1.5RC2, IE 6.0 SP2)
Az okok tehát továbbra is izgatnak, úgyhogy ha valakinek van magyarázata, örömmel fogadnám!
Dúalon
http://e-arc.hu/
naná
http://www.w3.org/TR/html401/struct/text.html#h-9.3.1
Tasi
Köszönöm
http://e-arc.hu/
Naaaaa
A P-nek minden böngésző alapból valamilyen margót állít be, hogy az egymás után követkető bekezdések között legyen egy kis hely. Ennek értéket a CSS margin tulajdonsággal lehet állítani, akár 0-ra is!
A margó a kereten, szegélyen (border kívűl található. A kereten belűl a keret és tartalom közötti rés a padding tulajdonsággal állítható!
Ha 2 egymásba ágyazott elem van akkor azoknak a margóik egyesülhetnek! Kivéve ha egyik elemnek 0-nál nagyobb padding vagy border értéke van!
Ennek az az értelme, hogy ha 2 P elemet pl egy DIV-be zárunk attól még a DIV előtt és után a P-nek megfelelő margót kihagyja a böngésző!
Ezenkívűl P-t nem lehet egymásba ágyazni! Sőt P-be semmilyen más blokk típusú elem nem kerülhet. Ha feltűnik egy ilyen akkor a böngészőnek előtte le kell zárnia a P-t.
Naaaaa?
Amikor azt írtam, mi a különbség egy paragrafus és egy div között, konkrétan a technikai ("feldolgozásbeli") különbségekre gondoltam. Nem hiába hívtam a paragrafust paragrafusnak.
Az általam ismert grafikus böngészők a div-eknek is állítanak be margókat, mégha nem is mindegyiket.
:)
Tökéletesen egyetértünk, még az általam a nyitóbejegyzésben belinkelt példalap is jól mutatja ezt. Valahol félreértettük volna egymást?
Többször "elhangzott" a WL fórumain, kétségtelenül hasznos információ, az általam vázolt esetben viszont szinte biztos voltam benne, hogy nem erről van szó.
Ez volt az új információ, köszönöm neked is a kimerítő választ.
Dúalon
http://e-arc.hu/
div { margin: 0; }
-boogie-
div margója
D.
http://e-arc.hu/
Részletek
Tárgy miatt
Eddig mindig kaptam segítséget a Weblabor közönségétől, úgyhogy tényleg nem szítani akarom a kedélyeket. Másnak nyilván hasznosak lesznek a plusz információk.
D.
http://e-arc.hu/