Variabel css i width

Tags:    css javascript

Hejsa

Jeg skal lave en onepage-side - altså en der er på en side så der er sektioner på, men alt information er på en side.

Første afsnit skal være i 3 dele, og de følgende skal være i 2.
Det er delen med 3 dele der giver problemer, fordi jeg har meget besværlige krav.
3 dele: 20%, 60%, 20%.
Da den til højre kun er til noget simpel information, skal det have en max-width på 300px; Problemet er så at hvis man har en bred skærm så kommer der til at være problemer med midterdelen, da jeg egentligt ønsker at denne udvider sig til hvad der vil være plads til. Så hvis der er plads til mere så skal den udvide sig, men er bange for jeg ikke kan klare det uden noget meget beskidt grimt javascript.
Her tænker jeg på at der sendes ekstremt mange events når man ændrer på vindues størrelsen og derfor performer det dårligt.

Det kan ikke løses nemt og effektivt via css?

Se eksempel her: http://jsfiddle.net/JcZ6N/1/
Når man gør området tilstrækkeligt stort så kommer problemet :(



1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Jeg tror muligvis at du kan finde en løsning her http://alistapart.com/article/holygrail

Resultatet ser sådan her ud: http://jsfiddle.net/vkeL5/



t