|
| overflow-y Fra : Michael Weberg |
Dato : 19-07-05 16:45 |
|
Hej.
Jeg har på en side jeg er ved at lave et lille problem med koden
"overflow-y: scoll;" i min css. Det virker ikke i firefox, ved ikke om det
er en kode FF ikke forstår. Siden skulle gerne kunne scrolle når teksten
overstiger pladsen i pågældende <div>.
Er der et alternativ??
Her er siden:
http://reingbergcad.dk/new
--
Mvh Michael Weberg
http://vippen.homepage.dk
| |
Martin Ploug (19-07-2005)
| Kommentar Fra : Martin Ploug |
Dato : 19-07-05 17:19 |
|
> Jeg har på en side jeg er ved at lave et lille problem med koden
> "overflow-y: scoll;" i min css. Det virker ikke i firefox, ved ikke om det
> er en kode FF ikke forstår. Siden skulle gerne kunne scrolle når teksten
> overstiger pladsen i pågældende <div>.
>
> Er der et alternativ??
<div style="height: 100px; overflow: scroll;"><!-- Istedet for scroll kan
man bruge: auto -->
Ovenstående er copy - pastet fra udvikleren.dk
http://www.udvikleren.dk/thread.php?techid=9&f=9&t=722
faldt i øvrigt over følgende artikel:
http://annevankesteren.nl/2004/09/overflow
- Martin
| |
Michael Weberg (19-07-2005)
| Kommentar Fra : Michael Weberg |
Dato : 19-07-05 17:26 |
|
>
> <div style="height: 100px; overflow: scroll;"><!-- Istedet for scroll kan
> man bruge: auto -->
>
Så får man bare den unødvendige scrollbar på x aksen som jeg gerne vil
undgå. Men har fundet ud af at at lave:
overflow: scroll;
overflow-x: hidden;
Så det kun de uheldige FF brugere der skal se på en scrollbar for meget
Et andet alternativ ville være rart??
--
Mvh Michael Weberg
http://vippen.homepage.dk
| |
Erik Ginnerskov (19-07-2005)
| Kommentar Fra : Erik Ginnerskov |
Dato : 19-07-05 20:38 |
|
Michael Weberg wrote:
>> <div style="height: 100px; overflow: scroll;"><!-- Istedet for
>> scroll kan man bruge: auto -->
>>
>
> Så får man bare den unødvendige scrollbar på x aksen som jeg gerne vil
> undgå.
Det sker da kun, hvis du har et element i div'en, der er bredere end den
plads, der er til rådighed.
Hvis indholdet er fleksibelt opbygget, så det kan tilpasse sig i bredden,
får du kun lodret scroll og kun hvis indholdet er højere end den tildelte
plads.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/
| |
Michael Weberg (20-07-2005)
| Kommentar Fra : Michael Weberg |
Dato : 20-07-05 15:58 |
|
> Det sker da kun, hvis du har et element i div'en, der er bredere end den
> plads, der er til rådighed.
>
Som jeg har prøvet det kommer begge scrollbarer frem i FF ligesåsnart man
bruger koden "overflow".. men tager jeg helt fejl??
--
Mvh Michael Weberg
http://vippen.homepage.dk
| |
Erik Ginnerskov (20-07-2005)
| Kommentar Fra : Erik Ginnerskov |
Dato : 20-07-05 22:06 |
|
Michael Weberg wrote:
>>>> <!-- Istedet for scroll kan man bruge: auto -->
>>> Så får man bare den unødvendige scrollbar på x aksen som jeg gerne
>>> vil undgå.
>> Det sker da kun, hvis du har et element i div'en, der er bredere end
>> den plads, der er til rådighed.
> Som jeg har prøvet det kommer begge scrollbarer frem i FF ligesåsnart
> man bruger koden "overflow".. men tager jeg helt fejl??
Så skal du kigge på indholdet i den div med overflow. Et eller andet i den
er bredere end div'en, ellers kommer der ikke vandret scroll:
overflow:scroll giver under alle omstændigheder scroll i begge retninger.
overflow:auto giver _kun_ scroll, hvis indholdet fremtvinger det.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/
| |
Michael Weberg (20-07-2005)
| Kommentar Fra : Michael Weberg |
Dato : 20-07-05 22:23 |
|
..
>
> overflow:auto giver _kun_ scroll, hvis indholdet fremtvinger det.
>
Nåe ja selvfølgelig. Tak for det.
--
Mvh Michael Weberg
http://vippen.homepage.dk
| |
Ukendt (19-07-2005)
| Kommentar Fra : Ukendt |
Dato : 19-07-05 17:46 |
|
Michael Weberg wrote:
> Jeg har på en side jeg er ved at lave et lille problem med koden
> "overflow-y: scoll;" i min css. Det virker ikke i firefox, ved ikke om det
> er en kode FF ikke forstår. Siden skulle gerne kunne scrolle når teksten
> overstiger pladsen i pågældende <div>.
>
> Er der et alternativ??
Både ja og nej. Som Martin Ploug viser i sit link vil overflow-x og
overflow-y blive understøttet af de nye versioner af Mozilla og Firefox,
som forhåbentlig snart kommer. Dette skyldes først og fremmest, at de to
properties er med i den nye, men ikke færdige, CSS3-standard fra W3C.
Der er dog udviklet et alternativ, som virker til dels, men har en lidt
sær måde at opføre sig på i situationer hvor der egentlig ikke er brug
for en scrollbar. Det er en af de mange -moz udvidelser, som normalt kun
bruges i deres XUL-sprog, men kan også være til gavn på hjemmesider:
overflow:-moz-scrollbars-horizontal; /* samme som
overflow-y:scroll;overflow-x:hidden; */
overflow:-moz-scrollbars-vertical; /* samme som
overflow-x:scroll;overflow-y:hidden */
Bemærk dog at det egentlig er ulovligt i henhold til standarden, at
bruge disse metoder, så dine sider vil ikke kunne klare en validator.
| |
Michael Weberg (19-07-2005)
| Kommentar Fra : Michael Weberg |
Dato : 19-07-05 19:01 |
|
":
> overflow:-moz-scrollbars-horizontal; /* samme som
> overflow-y:scroll;overflow-x:hidden; */
> overflow:-moz-scrollbars-vertical; /* samme som
> overflow-x:scroll;overflow-y:hidden */
Super..lige det jeg søgte.
--
Mvh Michael Weberg
http://vippen.homepage.dk
| |
Johnny Winther Ronne~ (19-07-2005)
| Kommentar Fra : Johnny Winther Ronne~ |
Dato : 19-07-05 19:49 |
|
In news:<42dd3ff1$0$78279$157c6196@dreader1.cybercity.dk>
Michael Weberg typed:
> ":
>> overflow:-moz-scrollbars-horizontal; /* samme som
>> overflow-y:scroll;overflow-x:hidden; */
>> overflow:-moz-scrollbars-vertical; /* samme som
>> overflow-x:scroll;overflow-y:hidden */
>
> Super..lige det jeg søgte.
Kan du ogå få IE til at købe den?
Med venlig hilsen
Johnny winther Ronnenberg
--
Internettet er for alle!
http://80.62.61.212/webuseability/index.asp
| |
Ukendt (19-07-2005)
| Kommentar Fra : Ukendt |
Dato : 19-07-05 21:39 |
|
Johnny Winther Ronnenberg wrote:
> In news:<42dd3ff1$0$78279$157c6196@dreader1.cybercity.dk>
> Michael Weberg typed:
>
>>":
>>
>>>overflow:-moz-scrollbars-horizontal; /* samme som
>>>overflow-y:scroll;overflow-x:hidden; */
>>>overflow:-moz-scrollbars-vertical; /* samme som
>>>overflow-x:scroll;overflow-y:hidden */
>>
>>Super..lige det jeg søgte.
>
>
> Kan du ogå få IE til at købe den?
Ideen her var så, at bruge både overflow med de ekstra mozilla-værdier
samt overflow-x og overflow-y. På den måde får man begge browsere med på
fidussen. Men igen er det jo ikke valid css-kode, og browsere der ikke
forstår nogle af delene får selvfølgelig problemmer. Så tag løsningen
med et gram salt.
| |
Erik Ginnerskov (19-07-2005)
| Kommentar Fra : Erik Ginnerskov |
Dato : 19-07-05 20:44 |
|
Ulrik Skovenborg" <"skovenborg hos gmail dot com wrote:
> overflow:-moz-scrollbars-horizontal; /*
Vil give en vandret (horisontal) scrollbar.
> samme som
> overflow-y:scroll;overflow-x:hidden; */
Nej, her er der en lodret (vertikal) scrollbar.
> overflow:-moz-scrollbars-vertical; /*
Vil give en lodret (vertikal) scrollbar.
> samme som
> overflow-x:scroll;overflow-y:hidden */
Nej, her er der en vandret (horisontal) scrollbar.
> Bemærk dog at det egentlig er ulovligt i henhold til standarden, at
> bruge disse metoder, så dine sider vil ikke kunne klare en validator.
Det er derimod korrekt - moz-koderne er ikke valide.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/
| |
Ukendt (19-07-2005)
| Kommentar Fra : Ukendt |
Dato : 19-07-05 21:35 |
|
Erik Ginnerskov wrote:
> Ulrik Skovenborg" <"skovenborg hos gmail dot com wrote:
>
>
>>overflow:-moz-scrollbars-horizontal; /*
>
>
> Vil give en vandret (horisontal) scrollbar.
>
>
>>samme som
>>overflow-y:scroll;overflow-x:hidden; */
>
>
> Nej, her er der en lodret (vertikal) scrollbar.
>
>
>>overflow:-moz-scrollbars-vertical; /*
>
>
> Vil give en lodret (vertikal) scrollbar.
>
>
>>samme som
>>overflow-x:scroll;overflow-y:hidden */
>
>
> Nej, her er der en vandret (horisontal) scrollbar.
Whoops, byttede om på de to... glemte helt at se efter hvad der præcist
stod. Ævæv, må huske forskel på de to
| |
Erik Ginnerskov (19-07-2005)
| Kommentar Fra : Erik Ginnerskov |
Dato : 19-07-05 22:01 |
| | |
Christoffer (19-07-2005)
| Kommentar Fra : Christoffer |
Dato : 19-07-05 23:14 |
|
"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:42dd6a27$0$18640$14726298@news.sunsite.dk...
> Det er nu ikke så svært at huske her i 'flade Danmark', horisontal er
> samme
> retning som horisonten = vandret. ;)
ja, og vertikal går i vejret .. Sådan lærte jeg det
--
Christoffer
| |
|
|