3-kolonne CSS med scroll

Tags:    css scroll

Inspireret af et andet indlæg, har jeg et spørgsmål til denne 3-kolonne opskrift:

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks


Hvis jeg vil bruge opskriften som vist i linket herover, men den midterste DIV skal kunne scrolle horisontalt, hvis indholdet er for bredt. Kan det laves i samme CSS eller er jeg nødt til at lave en iFrame i den midterste kolonne?



10 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Fold kodeboks ind/udCSS kode 




Tror ikke det vil kunne lade sig gøre da indholdet i den midterste vil udvide de andre. Der skal være en højde for du kan lave scroll som linket skulle sørge for.



Tror ikke det vil kunne lade sig gøre da indholdet i den midterste vil udvide de andre. Der skal være en højde for du kan lave scroll som linket skulle sørge for.


http://imageshack.us/photo/my-images/715/unavngivetta.jpg/



Tak for koden Stefan. Men det betyder så at man er tvunget til en fast bredde på den midterste div for at det kan lade sig gøre?



Indlæg senest redigeret d. 28.02.2013 15:50 af Bruger #9814
Brian: Du er naturligvis tvunget til at have en begrænset bredde (enten på elementet selv eller elementes container), da du ellers aldrig vil overflowe, men istedet vil se, at elementet udvider sig.

Ønsker du kun at have horisontal scroll, kan du bruge overflow-x: scroll. Vær dog opmærksom på, at det er en css3 egenskab - det burde dog ikke give dig problemer.



Ups læste det som vertikalt :( My bad



Brian: Du er naturligvis tvunget til at have en begrænset bredde (enten på elementet selv eller elementes container), da du ellers aldrig vil overflowe, men istedet vil se, at elementet udvider sig.

Ønsker du kun at have horisontal scroll, kan du bruge overflow-x: scroll. Vær dog opmærksom på, at det er en css3 egenskab - det burde dog ikke give dig problemer.

Hvis man alligevel bruger overflow-x: scroll kunne man vel med max-width og min-width godt gøre kolonnen i midten fleksibel.



Hvis man alligevel bruger overflow-x: scroll kunne man vel med max-width og min-width godt gøre kolonnen i midten fleksibel.


Sagtens, det er der intet i vejen for. Jeg skriver heller ikke at bredden skal være fixed, men begrænset :) Der skal altså være defineret et udtryk for kolonnens bredde, enten som i en absolut størrelse eller i et interval, som i dit eksempel.



Der er faktisk en mere simpel måde, at lave columns på, det er lidt snyd, men det virker meget godt, jeg har brugt den flere gange. og det fede er, den kræver meget mindre markup og css ;)

http://alistapart.com/article/fauxcolumns



Der er faktisk en mere simpel måde, at lave columns på, det er lidt snyd, men det virker meget godt, jeg har brugt den flere gange. og det fede er, den kræver meget mindre markup og css ;)

http://alistapart.com/article/fauxcolumns


Jup, den metode har jeg også selv brugt et par gange. Den afhænger dog meget af designet, og kan blive en smule kompleks hvis der er andre effekter med indover. Men den kan bestemt løse flere problemer.



Indlæg senest redigeret d. 01.03.2013 13:07 af Bruger #12476
t