Notifikationer

Markér alle som læst Log ud

yezbarh Nybegynder

18. oktober 2005 - 23:00 Der er 31 kommentarer og
1 løsning

overflow-x: hidden virker ikke i css?

Hvorfor er det lige den ikke vil "skjule" scrollbaren på x-aksen?


body
{
overflow-x: hidden;
font-family: Arial;
font-size: 12px;
color: #000;
background-color: transparent;
margin: 0px;
}

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:00 #1

--  er selfølgelig ikke med i stylen !o]

Synes godt om

miss-g Seniormester

18. oktober 2005 - 23:04 #2

prøv direkte på body´en...

<body style="overflow-y:scroll;overflow-x:hidden;">

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:07 #3

Ja, det virker - men det nytter ikke jeg skal til og gøre det ved alle mine sider :-)
Vil have det i .css filen !-)

Synes godt om

miss-g Seniormester

18. oktober 2005 - 23:09 #4

Nej det kan jeg godt se - ved heller ikke hvorfor den ikke virker, det ser jo rigtig nok ud?

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:10 #5

Ja, men se ikke på mig med de øjne :-) Jeg ved det skam heller ikke, så må vi vente til der kommer en eller anden klog en *g*

Synes godt om

miss-g Seniormester

18. oktober 2005 - 23:16 #6

Ja *G*

Faldt lige over den her, nu ved jeg selvfølgelig ikke om du kører i iframes eller...
http://www.dkreader.com/message/47491.aspx

Men jeg overlader hermed spørgsmålet til en klog *G*

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:26 #7

<ole>

I et dokument, som overholder CSS-standarden, scroller body-elementet ikke ... det gør dokument-elementet derimod. Derfor:

html {
overflow: -moz-scrollbars-vertical; /*For ældre Moz'er*/
overflow-y: auto;
overflow-x: hidden;
}

/mvh
</bole>

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:28 #8

Hmm, ingen ændringer !-(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>titel</title>
<link rel="stylesheet" href="side.css" type="text/css">
</head>

og side.css:
html {
overflow: -moz-scrollbars-vertical; /*For ældre Moz'er*/
overflow-y: auto;
overflow-x: hidden;
}

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:30 #9

FF begyndte først at understøtte 'overflow-x' og 'overflow-y' i september 2004. Derfor har jeg taget den anden med ... som godt nok altid fremtvinger en lodret scrollbar - men til gengæld gemmer den vandrette :)

Oprindelig var 'overflow-x' og 'overflow-y' proprietære MS-properties - indført i IE4 - men da de kommer med i CSS3, valgte Mozilla altså i fjor at lade FF understøtte dem 'allerede' nu.

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:31 #10

Dvs. det vil ikke kunne lade sig gøre via. en .css fil?

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:31 #11

Skal jo ha' fjernet den lodrette :)

Den provokere alt i iframen !-)

-- Kan man så ikke lave noget fiks' på iframen ??

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:33 #12

Jamen så gør du da bare det modsatte :D

html {
overflow: -moz-scrollbars-horisontal; /*For ældre Moz'er*/
overflow-y: hidden;
overflow-x: auto;
}

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:34 #13

Virker hellere ikke :O)

-- Kan det overhovedet lade sig gøre? *lOoL*

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:35 #14

Jeg læser blot denne kommentar:
'Hvorfor er det lige den ikke vil "skjule" scrollbaren på x-aksen?'

- sådan, at du gerne vil have fjernet den vandrette scrollbar ... men åbenbart ikke :)

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:35 #15

Vrøvl ... selvfølgelig virker det :)

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:36 #16

Ingen problemer i det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0;
padding: 0;
}
html {
overflow: -moz-scrollbars-horisontal; /*For ældre Moz'er*/
overflow-y: hidden;
overflow-x: auto;
}
</style>

</head>
<body>

<div style="width:3000px;height:3000px;"> </div>

</body>
</html>

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:37 #17

*lol* den skal *IKKE* vise den lodrette scrollbar :D
Det du har givet mig indtil videre, virker ikke, beklager - Hvad ****** gør vi så? :D

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:37 #18

Kan det være fordi det hele fungere i en iframe *S* ?

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:43 #19

Har test det du gav, det virker med det - men tror det skyldes den iframe den ligger i !-(

For det virker fint det eksempel du gav mig !-)

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:43 #20

Nej ... men hvorfor i alverden tester du dog ikke, hvad jeg skriver til dig?

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:44 #21

Det virker præcist ligeså i en iframe. Du må lave nogle fejl i noget af det, du ikke viser viser/omtaler :)

Synes godt om

miss-g Seniormester

18. oktober 2005 - 23:44 #22

Har fulgt med her.

Olebole --> hvornår ved man så om man skal sætte den på body eller på html delen?

Elsker jo selv at blive klogere *G*

Synes godt om

miss-g Seniormester

18. oktober 2005 - 23:45 #23

Og undskyld jeg blander mig igen...hæ hæ

Synes godt om

yezbarh Nybegynder

18. oktober 2005 - 23:46 #24

Ole, ser det ikke meget rigtigt ud ? :)

body, html {
height: 100%;
margin: 0;
padding: 0;
}

body
{
cursor: default;
font-family: Arial;
font-size: 12px;
color: #000;
background-color: transparent;
margin: 0px;
}

html {
overflow: -moz-scrollbars-horisontal; /*For ældre Moz'er*/
overflow-y: auto;
overflow-x: hidden;
}
a,a:active,a:visited
{
cursor: pointer;
text-decoration: none;
color: #000000;
}
a:hover
{
cursor: pointer;
text-decoration: none;
color: #666666;
}
.banner
{
font-size: 20px;
font-family: LuciduxSerif, Georgia, Book Antiqua, Palatino;
font-weight: bold;
color: #001133;
letter-spacing: -2px;
}
.dotted
{
border:0px;
background-image: url("dotted.gif");
width: 100%;
}

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:53 #25

miss-g >> nejnej ... det må du zq ikke undskylde ... tværtimod :)

Det afhænger af, hvilken browser, der skal vise det - og hvilken DTD, du har skrevet. Har du ikke definitions-URL'en med i din DTD (den her sjover):
"http://www.w3.org/TR/html4/loose.dtd"

- understøtter IE6 ikke CSS. Du kan altid teste ved at skrive:
java script:alert(document.compatMode)
- i IE's adressebar og trykke return.
Returneres 'CSS1Compat', understøtter IE CSS - returneres 'BackCompat' er IE gået i quirks mode og understøtter ikke CSS.

Læs evt. under The !DOCTYPE "Switch":
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Når CSS understøttes i en browser, er det altid dokument-elementet, der scroller :)

yezbarh >> Umiddelbart kan jeg kun se denne fejl:
font-family: LuciduxSerif, Georgia, "Book Antiqua", Palatino;
- font-navne med specialtegn skal escape'es.

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:55 #26

Ooops ... du er ikke god til copy/paste :)

html {
overflow: -moz-scrollbars-horisontal; /*For ældre Moz'er*/
overflow-y: auto;
overflow-x: hidden;
}

- skal jo være:

html {
overflow: -moz-scrollbars-horisontal; /*For ældre Moz'er*/
overflow-y: hidden;
overflow-x: auto;
}

Synes godt om

olebole Juniormester

18. oktober 2005 - 23:57 #27

- vi blev da langt om længe enige om, at 'Y' skulle være 'hidden' ... eller? ;D

Synes godt om

olebole Juniormester

19. oktober 2005 - 00:01 #28

Se efter, hvad der står i CSS'en - så kan du se logikken:

Skjuler 'X' (horisontal) og fremtvinger/tillader 'Y' (vertical):
html {
overflow: -moz-scrollbars-vertcal; /*For ældre Moz'er*/
overflow-y: auto;
overflow-x: hidden;
}

Skjuler 'Y' (vertikal) og fremtvinger/tillader 'X' (horisontal):
html {
overflow: -moz-scrollbars-horisontal; /*For ældre Moz'er*/
overflow-y: hidden;
overflow-x: auto;
}

Synes godt om

olebole Juniormester

19. oktober 2005 - 00:03 #29

Ooops ... en sdavø-fajl i 'vertical' (husk 'i'):
overflow: -moz-scrollbars-vertical; /*For ældre Moz'er*/

Synes godt om

yezbarh Nybegynder

19. oktober 2005 - 00:04 #30

Ah, ole :)
Smider du svar, takker mange gange for hjælpen !-)

Synes godt om

olebole Juniormester

19. oktober 2005 - 00:08 #31

Selvtak ... og tak til 'missy' for at bryde min indforståede (manglende) pædagogik.
Husk: det eneste dumme spørgsmål er det, der aldrig blev stillet ;o)

Synes godt om

olebole Juniormester

19. oktober 2005 - 01:14 #32

Tak for points :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS