Visa ett inlägg
Oläst 2014-03-28, 15:55 #1
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Standard Responsiv css problem

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%}
Som ni kanske förstår så går inte detta, eftersom att content-delen någon gång kommer att vara mindre än just 80%..

Hur skulle ni lösa detta problemet?
jonssondesign är inte uppkopplad   Svara med citatSvara med citat