Alleen een verticale scrollbar, hoe

Pagina: 1
Acties:
  • 330 views sinds 30-01-2008
  • Reageer

  • STING
  • Registratie: Juni 2000
  • Laatst online: 15-05 14:53
Hoi,
Ik ben bezig met een website met frames.
Ik wil een pagina zo maken dat er alleen een verticale scrollbar tevoorschijn komt, indien nodig. Nu komt de horiz. scrollbar ook tevoorschijn en dat staat niet mooi.

Ik heb overal gezocht op het web, maar helaas niets kunnen vinden.

Alvast bedankt voor jullie hulp.


De server draait geen PHP, alleen ASP. (IIS)

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 00:48
Wat heb je zelf al geprobeerd en gevonden toen je zocht naar een oplossing voor dit probleem? :)

Motor (of auto) onderhoud bijhouden


Verwijderd

ik zou nie precies weten hoe, maar je moet het iig zoeken in client-side scripting... (dus je laatste zin over php en asp heeft er nix mee te maken)

  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
Dat ligt eraan hoe je het hebt opgebouwt. Kan je een linkje plaatsen?

Human Bobby


Verwijderd

Dit komt waarschijnlijk omdat je content voor het frame te groot is voor het frame.

Heb je ergens je html source? Want met het omschreven probleem kunnen we niets, details aub.

  • bas.kb
  • Registratie: Oktober 2002
  • Laatst online: 10-11-2025

bas.kb

BI'er :P

De enige manier waarmee je een een frame krijgt met wel een vertikale, maar geen horizontale schuifbalk, is door het frame te definiëren met SCROLLING="auto" (de standaardwaarde), met inhoud die geen horizontaal verschuiven vereist. Er bestaat geen manier om een frame in te stellen met wel de ene maar niet de andere schuifbalk. Het gebruik van SCROLLING="yes" dwingt schuifbalken in beide richtingen af (zelfs wanneer ze niet nodig zijn), en het gebruik van SCROLLING="no" voorkomt alle schuifbalken (zelfs wanneer verschuiven nodig is de inhoud van het frame te bereiken). Er zijn geen andere waardes voor het SCROLLING attribuut.

[ Voor 4% gewijzigd door bas.kb op 18-11-2003 13:44 ]


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Waar heb je het over? HTML of CSS ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • OneUp
  • Registratie: September 2002
  • Laatst online: 30-04 19:28
Zet dit in je css

BODY {OVERFLOW:scroll;OVERFLOW-X:hidden;OVERFLOW-Y:hidden}

En dan desgewenst maak je van hidden, auto of show...

People are just like trees. They fall down when you hit them mutiple times with an axe.


  • OneUp
  • Registratie: September 2002
  • Laatst online: 30-04 19:28
bas.kb schreef op 18 november 2003 @ 13:43:
De enige manier waarmee je een een frame krijgt met wel een vertikale, maar geen horizontale schuifbalk, is door het frame te definiëren met SCROLLING="auto" (de standaardwaarde), met inhoud die geen horizontaal verschuiven vereist. Er bestaat geen manier om een frame in te stellen met wel de ene maar niet de andere schuifbalk. Het gebruik van SCROLLING="yes" dwingt schuifbalken in beide richtingen af (zelfs wanneer ze niet nodig zijn), en het gebruik van SCROLLING="no" voorkomt alle schuifbalken (zelfs wanneer verschuiven nodig is de inhoud van het frame te bereiken). Er zijn geen andere waardes voor het SCROLLING attribuut.
Met css kan dat gewoon hoor :+

People are just like trees. They fall down when you hit them mutiple times with an axe.


Verwijderd

Als je je content nou gewoon niet groter maakt dan het frame heb je dus dit niet allemaal nodig.

Verder staan overflow-x en overflow-y niet in de CSS specificaties en is het dus maar gokken welke browsers dit ondersteunen. Misschien komen deze attributen eraan in CSS3, maar dat is nog maar een working draft.

Verder zit er ook een bug in IE6 in de standards complient mode (zie Doctype en CSS Rendering modes), waardoor div's die een 'height' of 'whidth' attribuut hebben, nog wel eens een horizontale scrollbar veroorzaken, die je niet wegkrijgt. Een oplossing hiervoor is je body een 'whidth' mee te geven van 97% (of minder).

[ Voor 52% gewijzigd door Verwijderd op 18-11-2003 14:06 ]


  • STING
  • Registratie: Juni 2000
  • Laatst online: 15-05 14:53
-Cargo- schreef op 18 november 2003 @ 13:54:
Zet dit in je css

Cascading Stylesheet:
1
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden;OVERFLOW-Y:hidden}


En dan desgewenst maak je van hidden, auto of show...
Ik had in m'n CSS dit inderdaad al opgenomen, maar dit veranderd helaas niets.


Frames page verwijzing:
HTML:
1
<frame name="main" src="main.asp" target="_self" scrolling="auto" noresize>


scrolling op "no" zetten, zorgt ervoor dat er helemaal geen scrollbars verschijnen.

Basic code van de betreffende pagina:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
..
<base target="_self">
<link rel="stylesheet" type="text/css" href="http://hd/css/hd.css">
..
<body bgcolor="#8CAAE6">
..
..
<table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td class="title">Software database - Details</td>
  </tr>
  <tr>
    <td class="content">

  • OneUp
  • Registratie: September 2002
  • Laatst online: 30-04 19:28
Verwijderd schreef op 18 november 2003 @ 14:00:
als je je content nou gewoon niet groter maakt dan het frame heb je dus dit niet allemaal nodig.

Verder staan overflow-x en overflow-y niet in de CSS specificaties en is het dus maar gokken welke browsers dit ondersteunen.
Ik heb er nog nooit problemen mee gehad..

People are just like trees. They fall down when you hit them mutiple times with an axe.


  • STING
  • Registratie: Juni 2000
  • Laatst online: 15-05 14:53
Verwijderd schreef op 18 november 2003 @ 14:00:
als je je content nou gewoon niet groter maakt dan het frame heb je dus dit niet allemaal nodig.

Verder staan overflow-x en overflow-y niet in de CSS specificaties en is het dus maar gokken welke browsers dit ondersteunen.
Het gaat om een pagina die meer regels genereert dan op het scherm passen.
Horizontaal blijft het binnen het beeld, dus daar ligt het niet aan.

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 00:48
Maar, nogmaals; wat heb je al gevonden toen je zocht naar een oplossing?
Er is hierover zo-vreselijk veel te vinden op GoT zelf...

Motor (of auto) onderhoud bijhouden


  • SaiBork
  • Registratie: Februari 2000
  • Laatst online: 02-11-2023
je kan ook een tabel in je binnenframe zetten.
code:
1
2
3
4
5
6
7
8
9
<table width="99%" border="0">
  <tr>
    <td>

      je pagina

    </td>
  </tr>
</table>


dan krijg je dus alleen verticale scrollbar ;)

  • STING
  • Registratie: Juni 2000
  • Laatst online: 15-05 14:53
willem169 schreef op 18 november 2003 @ 14:08:
Maar, nogmaals; wat heb je al gevonden toen je zocht naar een oplossing?
Er is hierover zo-vreselijk veel te vinden op GoT zelf...
Op dit forum heb ik er niets over kunnen vinden, maar op andere fora
raden ze de betreffende BODY style aan, maar die werkt dus op een of andere manier niet.

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 00:48
Ja he? :D
Door die 99%? :D

Excuse me for laughing....

Motor (of auto) onderhoud bijhouden


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 00:48
STINGnl:
Op dit forum heb ik er niets over kunnen vinden, maar op andere fora
raden ze de betreffende BODY style aan, maar die werkt dus op een of andere manier niet.
http://willem.yoursite.nl/got/STINGnl/

Motor (of auto) onderhoud bijhouden


  • STING
  • Registratie: Juni 2000
  • Laatst online: 15-05 14:53
:o

De BODY sheet tag werkt wel naar behoren
Heb de oorzaak per toeval gevonden...

Twee scrollbars:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta http-equiv="expires" content="-1">
    <meta http-equiv= "pragma" CONTENT="no-cache">
    <title>Content</title>
    <base target="_self">
    <link rel="stylesheet" type="text/css" href="http://hd/css/hd.css">
</head>


1 scrollbar:
HTML:
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta http-equiv="expires" content="-1">
    <meta http-equiv= "pragma" CONTENT="no-cache">
    <title>Content</title>
    <base target="_self">
    <link rel="stylesheet" type="text/css" href="http://hd/css/hd.css">
</head>


Maar goed, het werkt zoals ik het wil!
Bedankt voor jullie hulp! :)

[ Voor 26% gewijzigd door STING op 18-11-2003 14:28 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:47

crisp

Devver

Pixelated

da's een bekend probleem met IE6 - ik sloop ook altijd die link eruit ;)

Intentionally left blank


  • SaiBork
  • Registratie: Februari 2000
  • Laatst online: 02-11-2023
willem169 schreef op 18 november 2003 @ 14:10:
Ja he? :D
Door die 99%? :D

Excuse me for laughing....
ik weet niet hoor, maar je kan ook 100% doen,
want hij kijkt gewoon naar de breedte die er beschikbaar is.
dus als je frame 100 pixels breed is zal ie ook niet breder worden.
maar bij 100% kan ie soms dus toch eigenwijs toch te breed wordt,
maar bij 99% niet.

dus als je nou eerst eens probeert ipv een grote bek te krijgen :(

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 00:48
Geloof niet dat je de clou van 1) het probleem van de topicstarter en 2) mijn reply op jouw 1e reactie begrijpt.

Motor (of auto) onderhoud bijhouden


  • SaiBork
  • Registratie: Februari 2000
  • Laatst online: 02-11-2023
juist wel, want als je het in een tabel zet wordt het dus afgekapt en wordt de pagina niet te breedt. ALs je pagina niet te breedt is zal ie dus ook geen scrollbar geven ;)

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

kinders, kinders, vrede O+ Allebei niet meer flamen enzo, geef mekaar en kusje en weest blij :)

Zou toch zonde zijn van dit prachtige topic? :+

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 00:48
drm O+ ik ben een lief slaafje van je :*

*shakes SaiBork's hand

[ Voor 21% gewijzigd door drm op 18-11-2003 17:17 . Reden: O-) ]

Motor (of auto) onderhoud bijhouden


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:47

crisp

Devver

Pixelated

SaiBork schreef op 18 november 2003 @ 16:51:
juist wel, want als je het in een tabel zet wordt het dus afgekapt en wordt de pagina niet te breedt. ALs je pagina niet te breedt is zal ie dus ook geen scrollbar geven ;)
als ik een plaatje van 1000 pixels breed in een tabel van 800 pixels breed zet, dan rekt die tabel toch echt wel uit. Als de content in je tabel te breed is, dan maakt het dus ook niet uit of je 99% of 100% gebruikt (tenzij je table-layout:fixed toepast).
Feit is dat 100% 100% hoort te zijn (als je geen overflow hebt), en je dus nooit een horizontale scrollbar zou horen te krijgen. Dat IE6 raar reageert op de link in de DTD is gewoon een vreemd verschijnsel, maar die link weghalen is de oorzaak weghalen, je tabel op 99% zetten is niet de oorzaak weghalen, maar een ranzige workaround, en als je bijvoorbeeld juist je tabel helemaal naar rechts wil laten doorlopen is het al geen optie meer...

* crisp geeft iedereen een :*

Intentionally left blank


  • SaiBork
  • Registratie: Februari 2000
  • Laatst online: 02-11-2023
ok ook een :> allemaal
maar voor tekst only is het wel een hele handige work around ;)

  • Jelte
  • Registratie: Juni 2001
  • Niet online
Ik zit met hetzelfde probleem, maar kom er ook met hulp van dit topic niet uit. Andere topics gave nog minder info dus maar deze ff omhoogkicken:

Ik probeer een frame te krijgen. Dit forum maakt gebruik van de width="100%" en die kan ik helaas niet allemaal gaan veranderen.
Ikwil het echter wel in een popup hebben om de layout mooi te krijgen. Kan iemand mij vertellen hoe ik die 2e (side) scrollbar kan laten verdwijnen?

de css body entry werkte helaas niet en het verwijderen van de genoemde link (die bij mij net iets anders was) werkte helaas ook niet... :(


Ik heb uiteindelijk de achtergrond in de css gecenterd en toen werkte het. Beetje onlogisch naar mijn id, maar het zal allemaal wel...

[ Voor 15% gewijzigd door Jelte op 12-10-2004 12:51 . Reden: popup had natuurlijk frame moeten zijn... En gelukt! ]

Pagina: 1