FAQ |
Kalender |
2014-03-28, 16:55 | #1 | ||
|
|||
Mycket flitig postare
|
Hello fellow ninjas!
Har funderat på detta problem ett tag, men själv aldrig riktigt behövt brottas med problemet (än). Vi nog de flesta av oss vad som menas med "följsam" design, och vad jag tänker mest på är just "följsam", inte "hoppande" som man även kan välja att skriva sin css som. Med hoppande menar jag att man skriver ett fast antal pixlar istället för att gå på %. Problemet jag funderar på uppstår när man vill att ett element skall alltid vara ett visst antal pixlar medans resten skall vara inom %. Låt oss ta ett exempel: Jag har en sida där jag har en sidpanel till vänster och all resterande content till höger. [sidpanel] [ content ] Säg nu att jag vill att sidpanelen alltid skall vara 200px bred, men att content skall förminskas i led med webbläsaren när den förminskas. Jag hade gärna velat gjort något sånthär: Kod:
#sidpanel {width:200px;} #content {width:80%} Hur skulle ni lösa detta problemet? |
||
Svara med citat |
2014-03-28, 17:00 | #2 | ||
|
|||
Mycket flitig postare
|
|||
Svara med citat |
2014-03-28, 17:15 | #3 | ||
|
|||
Mycket flitig postare
|
Citat:
Kod:
<div class="sidpanel pull-left">Sidpanel</div> <div class="content">Content</div> Kod:
.pull-left {float:left} .clear {clear:both} .sidpanel {width:200px; background-color:hotpink} .content {width:auto; margin-left:200px; background-color:aqua} hoppas det var det du sökte. |
||
Svara med citat |
2014-03-28, 18:37 | #4 | ||
|
|||
Mycket flitig postare
|
Citat:
Någon annan som sitter på en annan lösning? |
||
Svara med citat |
Svara |
|
|