Många tabeller bredvid varandra, endast horisontell scrollbar

HTML & CSS

1 svar · 305 visningar · startad av mmmMange

Medlem sedan jan. 2005110 inlägg
Trådstart#1

Jag vill åstadkomma nåt sånthär:

En <div> med 12 tabeller inuti. All tabellerna ligger bredvid varandra. De får INTE plats på skärmen samtidigt, utan <div>'en ska vara scrollbar horisontellt. Dock ska <div>'en EJ gå att scrolla vertikalt (och det ska inte heller behövas, för tabellerna ska ju ligga på samma rad)!

Har provat med float på lite olika vis, men får hela tiden problemet att tabellerna radbryts när de inte får plats, så att endast 3 tabeller visas bredvid varandra, och resterande under dem.... Jag vill så att säga "tvinga" webbläsaren att aldrig radbryta, utan istället visa en horisontell scrollbar.

Går det, och hur isåfall?

Medlem sedan dec. 20042 245 inlägg
#2

Nåt sånt här borde funka:

div { white-space:nowrap; }
table { display:inline; /* inline-table stöds inte i Firefox eller IE ännu */ }
251 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
115 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)