7 svar · 1 222 visningar · startad av Plex
Hej,
jag försöker att skapa 2 stycken divar (float: left) som alltid ska ha samma height oberoende av vilken div som har mest innehåll. Är detta möjligt på ett någorlunda enkelt sätt? Vill inte använda mig av javascript.
/Plex
Vilka webbläsare är du intresserad över att stödja?
Så många som möjligt men Chrome och Firefox känns viktigast IE brukar ju alltid strula till det så funkar det inte där så strunt samma. Går det i IE så ser jag det som en bonus :)
Baserat på din specifikation så borde ju height: x; räcka, men jag misstänker att du menar att storleken på innehållet i varje block level element varierar också?
Du kan köra:
om du struntar i float så kan du ju använda display table och table-cell på element om jobbar som tabeller. men helt utan JS kommer inte gå om du skall ha två elemenet
Tack voigtann1,
flexbox ser väldigt intressant ut.
Markerar ditt svar som lösning om det är vad jag letat efter.
/Plex
Tack voigtann1,
flexbox ser väldigt intressant ut.
Markerar ditt svar som lösning om det är vad jag letat efter./Plex
Du uttryckte tidigare att "IE brukar ju alltid strula till det så funkar det inte där så strunt samma". Här kan man inte skylla på att IE "strular", utan det finns helt enkelt inte tillgängligt i IE9 och nedåt. Så det kommer helt enkelt inte att fungera.
http://css-tricks.com/using-flexbox/
Jag skulle tänka så här: ja, flexbox är antagligen nästa stora standard för att layouta i browsern men det är inte ännu redo att användas i ren produktion. Man utestänger alltför stor del av en typisk användarbas. Och till vilket pris? Vi snackar om en mindre designdetalj. Är det verkligen värt att potentiellt förstöra upplevelsen för en märkbar minoritet av användarna - istället för att tänka om? Kanske går det att tänka om hur man utformar innehållet, kanske går det att uppnå samma eller liknande effekt med en något annorlunda designlösning?
@casca
Tack för din synpunkt, jag förstår att man inte bör använda ett nytt designsätt innan det är fullt utbyggt osv. men i detta fall så är det till en sida som väldigt få användare ska ha tillgång till så det är inte av så stor betydelse i detta fall.
/Plex
