webForumDet fria alternativet

Många tabeller bredvid varandra, endast horisontell scrollbar

HTML & CSS

1 svar · 298 visningar · startad av mmmMange

Medlem sedan jan. 2005110 inlägg
Frågan#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 */ }
287 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
156 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)