webForumDet fria alternativet

overflow men endast i y axeln

HTML & CSS

4 svar · 297 visningar · startad av Mattias Nordin

Medlem sedan dec. 20051 056 inlägg
Frågan#1

Går det att få overflow att bara visa en scrolllist på det horisontala planet?
Jag vill att divboxen ska vara minst 100 pixlar hög. Om innehållet råkar vara mer än hundra pixlar så vill jag att storleken på divboxen ska utökas på samma sätt som om det inte fanns någon overflow.

Problemet jag har är när en jättelång sträng klipps in. Då blir min layout helt fel. Jag vill således har en fast bredd med möjlighet till scrolllist om en lång sträng klipps in.

Är det någon som förstår mig?! *ler*

Jag vill altså ha följande, men utan en scrollist i höjdled:

<div style="border:1px dotted gray; overflow: auto; width:540px; height:100px; padding:10px; background-color:#EFF6FF;">

text text text text text text 
text text text 
text text text text text text 
text text text text text text text text text 
text text text 

License key:
2KAUBHNHG7H2FEPV64FC1ZD8FQTNISJ81PMW0NVEWZPEOOWNNE2KAUBHNHG7H2FEPV64FC1ZD8FQTNISJ81PMW0NVEWZPEOOWNNE

text text text 
text text text text text text text text text 
text text text text text text 

</div>
Medlem sedan juni 20014 421 inlägg
#2

Då får du använda webbläsarspecifk css.

gecko-baserade:
overflow:-moz-scrollbars-horizontal;

ie:
overflow-y: scroll;

Medlem sedan maj 200753 inlägg
#3

De attribut som finns är hidden, auto, visible och scroll.

Använder du scroll får du en scroll i sidled, men du får nog också en scroll på höjden.

Medlem sedan juni 200032 967 inlägg
#4

Du kan använda overflow-x och overflow-y. Förhoppningsvis har även Firefox med kamrater börjat stödja dessa två...

Medlem sedan dec. 20051 056 inlägg
#5

Tre svar inom samma minut, det är inte illa. Leve webforum :)

Supertack för hjälpen. Nedan löser problemet för mig! Får testa med andra webläsare så får vi se hur det ser ut.

<div style="border:1px dotted gray; overflow-x: auto; width:540px; height:100px; padding:10px; background-color:#EFF6FF;">
...
</div>

Merci!

249 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
116 ms — ändringar (db)