Toon posts:

[HTML] Frames - horizontale scrollbar

Pagina: 1
Acties:

Verwijderd

Topicstarter
http://www.vu.nl/vuniverse -
Zodra ik een pagina opvraag waardoor er een verticale scrollbar bij moet komen kijken, komt er ook meteen een horizontale scrollbar bij, terwijl dit niet nodig is.

overflow-x: hidden; in CSS doet het voor mij niet.

Wat doe ik verkeerd, en hoe fix ik het?

  • OnTracK
  • Registratie: Oktober 2002
  • Laatst online: 29-08 19:42
eerlijk gezegd, geen idee. Maar ik heb wel een andere tip
bij de hogere resoluties zie je de achtergrond rechts nog een keer langskomen, schakel dit uit door bij je CSS-file "background-repeat: repeat-y;" bij het BODY stukje te zetten

Not everybody wins, and certainly not everybody wins all the time.
But once you get into your boat, push off and tie into your shoes.
Then you have indeed won far more than those who have never tried.


Verwijderd

Alles wat in de CSS van die main pagina staat is dit hoor :?
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
BODY {   background-image: url("img/main_background.jpg");
        margin-left: 33px;
    }

H1  {   margin: 0px;
    }

H6  {   margin: 0px;
        font-weight: 400;
    }

HR  {   margin: 0px;
    }

EM  {   font-style: italic;
    }

STRONG  {   font-weight: 700;
    }

Misschien moet je nog eens goed kijken waar je je dingen neergezet hebt :)

  • wacko
  • Registratie: Juni 2000
  • Laatst online: 19-07 12:12
je CSS:
code:
1
2
3
BODY {   background-image: url("img/main_background.jpg");
        margin-left: 33px;
    }
Maak van die margin-left eens padding-left.
En haal die gekke tekentjes ook meteen even weg :P

Verwijderd

Topicstarter
Heeft niet geholpen...

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:44

crisp

Devver

Pixelated

Ik heb zelf het sterke vermoeden dat het aan de <HR> ligt; probeer het eens zonder...

Intentionally left blank


Verwijderd

Topicstarter
<HR>'s verwijderen heeft niet geholpen...
En denk dat die gekke tekentjes door de character encoding of zo komt...?

  • Expander
  • Registratie: Februari 2001
  • Niet online
Onder Mozilla 1.1 is de lengte van de horizontale scrollbalk afhankelijk van de plaats van mijn muispijltje in het menu..

Als ik helemaal op het linker dingetje hou, is er geen horizontale scroll..

Hmm vaag... Nu is er ineens een andere site..

Expanding the inexpandable


Verwijderd

Ik heb het even uitgeprobeerd: als je die vreemde tekens weghaalt voor je body { } in je css file werkt het wel :)

Verwijderd

Topicstarter
Ehpffvaag; ik sla main.css op in Windows (XP) Notepad met UTF-8 encoding, en zie verder geen rare tekentjes. En waarom zou de rest van de CSS wel gehoorzaamd worden behàlve de overflow-dingen?

Verwijderd

Verwijderd schreef op 10 november 2002 @ 18:43:
Ehpffvaag; ik sla main.css op in Windows (XP) Notepad met UTF-8 encoding, en zie verder geen rare tekentjes. En waarom zou de rest van de CSS wel gehoorzaamd worden behàlve de overflow-dingen?
vraag via internet edxplorer je main.css op... dan zul je zien dat er voor de body nog een paar tekens staan. Die moeten weg, en als jij ze niet zelf ingetypt hebt, zou ik niet weten hoe ze daar komen. Je probleem is in feite wat het scrollen betreft dus opgelost, ik denk dat dan nu misschien ook meer iets is voor SA, daar weten ze misschien hoe die tekens daar komen :_

Verwijderd

Topicstarter
Als ik main.css in de IE adresbalk typ, opent hij hem met Notepad...
Blèh, stom ding.

  • wacko
  • Registratie: Juni 2000
  • Laatst online: 19-07 12:12
http://130.37.129.100/vuniverse/main.css
Rechtermuisknop op deze url, Save Target As...

Verwijderd

Topicstarter
Ziet er bij mij prima, rare tekentjes-loos uit.

Verwijderd

Verwijderd schreef op 10 november 2002 @ 19:11:
Ziet er bij mij prima, rare tekentjes-loos uit.
laatste oplossing: kopiëer dit:
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
BODY    {   
        background-image: url("img/main_background.jpg");
        padding-left: 33px;
        overflow-x: hidden;
        background-repeat: repeat-y;
    }

HR.footer
    {
        position: absolute;
        top: 1px;
        left: 33px;
    }

H1  {   
        margin: 0px;
    }

H6  {   margin: 0px;
        font-weight: 400;
    }

H6.footer
    {
        margin: 0px;
        font-weight: 400;
        position: absolute;
        top: 5px;
        left: 33px;

EM  {   font-style: italic;
    }

STRONG  {   font-weight: 700;
    }

en vervang je huidige main.css door deze :)

Verwijderd

Topicstarter
Ehm ja, volgens mij moet ik het dan ergens in pasten om het op te slaan, en dan krijgen we weer hetzelfde verhaal...
Misschien kun jij hem ergens online zetten, opdat ik er vanaf mijn pagina's naartoe kan linken?

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:44

crisp

Devver

Pixelated

Verwijderd schreef op 10 november 2002 @ 19:24:
[...]

laatste oplossing: kopiëer dit:
[...]
en vervang je huidige main.css door deze :)
Er hoeven geen quotes om de link in url() in css hoor...

Intentionally left blank


  • Allochtoon
  • Registratie: April 2002
  • Niet online

Allochtoon

bakhar

lijkt me nou niet bepaald handig dat de werking van jou site afhangt van de bereikbaarheid van zijn server space :)

Verwijderd

Topicstarter
Het is dan ook maar voor een test, om te zien of het dan ook echt werkt... en zo ja, dan kan 'ie het me alsnog toesturen en dan probeer ik 'm onaangeraakt online te zetten...
Totdat ik 'm weer moet wijzigen. Komt het dan echt door m'n character encoding? (UTF-8.)

[ Voor 0% gewijzigd door Verwijderd op 10-11-2002 19:50 . Reden: Taalkundige verduidelijking ]


Verwijderd

Geef je emailadres maar, dan mail ik het bestand wel... het lijkt me alleen toch handig dat je even gaat nazoeken waarom wordpad nogal vreemde neigingen heeft op jouw pc :)

Verwijderd

Topicstarter
paulsuryadi@hotmail.com

In ieder geval bedankt, iedereen!

Verwijderd

Nog ff over je bgimage. Die kun je natuurlijk ook 1700 px breed maken en maar 10 px hoog. Wordt ie ook nog weer eens sneller geladen en niet herhaald. :)

Verwijderd

Topicstarter
Doe 't nie ...

:O kijk er morgen wel weer naar.

Verwijderd

Topicstarter
Verwijderd schreef op 10 November 2002 @ 20:59:
Nog ff over je bgimage. Die kun je natuurlijk ook 1700 px breed maken en maar 10 px hoog. Wordt ie ook nog weer eens sneller geladen en niet herhaald. :)
K, bedankt voor de tip.
Pagina: 1