Lika höga kolumner med css

[LAMF]

Jag håller på att pilla lite med kolumner som har olika mycket innehåll och därför blir olika höga.
Det är tre kolumner som dessutom ska ha rundade hörn.
Har hittills löst detta med css genom att ha följande stil på kolumnerna/boxarna:

element.style {
    float:left;
    margin-right:10px;
    padding:10px;
    width:28%;
    border-radius: 4x;
    border:1px solid #373632;
}

Att använda faux columns funkar inte så bra med rundade hörn om jag hajat rätt.
Finns nån metod som löser detta utan att man behöver skriva en uppsats av kod?

[foag]

Om du sållar dig till CSS3 så har du ju färdiga funktioner för det, men om javascript och faux-kolumner inte är alternativ så är jag rädd att alternativen är slut..

[kevva]

Förstår inte varför border-radius inte skulle fungera?

[rhedman]

Ursprungligen postat av kevva Förstår inte varför border-radius inte skulle fungera?

Beror ju på hur man gör det men om border radius ligger i toppen av divarna och bakgrunden i dina faux columns innehåller den nedra rundade delen och har positioneringen bottom left borde det fungera finfint.

[LAMF]

Ursprungligen postat av foag Om du sållar dig till CSS3 så har du ju färdiga funktioner för det, men om javascript och faux-kolumner inte är alternativ så är jag rädd att alternativen är slut..

Det skulle jag lätt kunna tänka mig att göra. Får söka på det då....

[kevva]

Ursprungligen postat av rhedman Beror ju på hur man gör det men om border radius ligger i toppen av divarna och bakgrunden i dina faux columns innehåller den nedra rundade delen och har positioneringen bottom left borde det fungera finfint.

Jo, tänkte på om han körde endast-CSS-varianten.

[foag]

Kunde ju varit sjysst av mig att länka också

http://www.quirksmode.org/css/multicolumn.html

[rhedman]

Ursprungligen postat av kevva Jo, tänkte på om han körde endast-CSS-varianten.

Jo precis men per default skulle inte enbart faux columns eller border radius i sig fungera då kolumnerna skall ha rundade hörn nertill också men med en kombination av border-radius och faux-columns så går det att lösa på det sätt jag skrev

Utan krav på CSS3 stöd ocks btw (IE)...

[LAMF]

Tack för alla svar men det känns så krångligt att lösa så jag kör en snikvariant med fast höjd i pixlar istället.

Produktionssidan ligger här om nån orkar titta:
http://nowire.nymodigt.com/index.php...t-produktutbud

[rhedman]

Jag tror du krånglar till lösningen mer än nödvändigt. Det är egentligen ganska enkelt. Slängde ihop ett exempel med kombinationen faux columns och border-radius.

http://www.rendezvouspoint.se/lab/faux-columns.html

[LAMF]

Ursprungligen postat av rhedman Jag tror du krånglar till lösningen mer än nödvändigt. Det är egentligen ganska enkelt. Slängde ihop ett exempel med kombinationen faux columns och border-radius. http://www.rendezvouspoint.se/lab/faux-columns.html

OK men om man som jag vill ha en border med färg så skiner ju faux kolumnen igenom och man ser att höjden är ojämn.

[powerbuoy]

Ursprungligen postat av LAMF Tack för alla svar men det känns så krångligt att lösa så jag kör en snikvariant med fast höjd i pixlar istället. Produktionssidan ligger här om nån orkar titta: http://nowire.nymodigt.com/index.php...t-produktutbud

Kör iaf min-height så att aldrig innehållet flyter utanför (om användaren resizar texten tex).

[rhedman]

Ursprungligen postat av LAMF OK men om man som jag vill ha en border med färg så skiner ju faux kolumnen igenom och man ser att höjden är ojämn.

Ja är det borders och toningar och sådant inblandat så blir det knepigare.