margin 0 auto og float - hvordan gøres det rigtigt ?

Tags:    css

<< < 123 > >>
Hej

Jeg kunne godt tænke mig, at få nogle råd til hvordan man burger margin: 0 auto; når man også har nogle kasser der float'er enten left eller right inde i kassen ?

Grunden til mit spørgsmål er, at jeg oplever, at kasserne med float "flyder" udover kanten af kassen, som har (margin: 0 auto;), da denne ikke kan "se" deres højde og derfor ikke udvider sig selvom jeg har givet den en min-height og en height: auto;

Så hvad plejer I at gøre ?






21 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
@cristian problemet er du på intet tidspunkt har vist 2 (eller flere) elementer (om det er inline eller block er 100% ligegyldigt) der floater og hvor containeren / wrapperen er pakket rigtigt rundt om dem. Det er det mit eksempel ( nr. 5 ) går ud på.

Check evt. et udvidet eksempel. Lig mærke til, at wrapperen respektere alle elementer og at alle elementer floater: http://jsfiddle.net/2jg8D/5/

I det her tilfælde er det images, men det fungere OGSÅ med block elementer.





Indlæg senest redigeret d. 07.11.2013 13:12 af Bruger #17081
<< < 123 > >>
t