Toon posts:

[html] Horizontale scrollbar erg irritant

Pagina: 1

Acties:

87 views sinds 30-01-2008
Reageer

woensdag 27 maart 2002 13:53

Acties:

10o

Turbo Charged

Topicstarter

Hai Tweakers,

Even een vraagje, ik ben bezig met een website te bouwen in php. Maar onder IE5.5+ krijg ik een horizontale scrollbar.

Dat ding moet weg ik vindt het zo irritant. Ken iemand mij vertellen hoe ik die scrollbar kan disablen of hoe ik iets kan bouwen dat hij niet meer te voorschijn komt?

Het gaat over de volgende site http://www.renault-tuning.nl

thanks...

woensdag 27 maart 2002 13:55

Acties:

D2k

das W&G
P&W -> W&G
btw: renault 0wnz

Doet iets met Cloud (MS/IBM)

woensdag 27 maart 2002 13:55

Acties:

Grum

code:

1	<body onload='document.body.scroll="no";'>

en voortaan in het goede forum posten aub

woensdag 27 maart 2002 13:57

Acties:

Bosmonster

*zucht*

<body scroll=no>

is dan makkelijker

woensdag 27 maart 2002 13:57

Acties:

10o

Turbo Charged

Topicstarter

Damm, oeps verkeerde forum gepost. aaarghhh webmasters willen jullie hem even moven naar het juiste forum.

Sorry ..

woensdag 27 maart 2002 14:05

Acties:

Bosmonster

*zucht*

Maar goed.. het probleem zit hem meer in je HTML.. je frame heeft een vaste breedte, dus er is geen reden je tabellen relatieve breedtes mee te geven (in procenten)..

Maak die eens allemaal fixed width.

woensdag 27 maart 2002 14:46

Acties:

Verwijderd

je zou natuurlijk ook :

code:

1	<FRAMESET cols=",780," frameborder="0" framespacing="0" border="0">

kunnen aanpassen en ipv de 780 800 neerpleuren

[edit] /me is in de war

woensdag 27 maart 2002 14:52

Acties:

10o

Turbo Charged

Topicstarter

code:
--------------------------------------------------------------------------------
<FRAMESET cols="*,780,*" frameborder="0" framespacing="0" border="0">
--------------------------------------------------------------------------------

i.p.v. de * andere waardes neer zetten wil niet echt lukken de twee frames aan de zijdes worden daarmee verkleind. Maar die scrollbar blijft staan.

Fixed width wil ook niet echt werken.

Hier ben ik dus al tijden mee bezig met dit irritante probleem onder IE5.0 werkt hij perfect maar als we hogere versies pakken dan komen ze.

woensdag 27 maart 2002 14:55

Acties:

Bosmonster

*zucht*

Het lijkt me sterk dat als je de buitenste tabel in je frame op width=780 zet ofzo dat ie het dan neit doet...

tenzij je content de tabel breder drukt dan 780.

woensdag 27 maart 2002 15:02

Acties:

10o

Turbo Charged

Topicstarter

Ik denk dat het gelukt is dankzij jullie

code :
-----------------------------------------------------------
<FRAMESET cols="50,*,50" frameborder="0" framespacing="0" border="0">
-----------------------------------------------------------
'k zeg nou gewoon 50 aan beide zijdes en de rest is voor de content.

willen jullie nog even kijken naar www.renault-tuning.nl/index.html

tnxs

woensdag 27 maart 2002 15:08

Acties:

Bosmonster

*zucht*

A. Ik krijg nog steeds een horizontale scrollbalk, omdat je HTML nog steeds niet goed is in het middelste frame

B. Wat hebben die frames dan nog voor zin in deze opstelling??

woensdag 27 maart 2002 15:12

Acties:

10o

Turbo Charged

Topicstarter

A : Nu niet meer zijdes zijn verkleind naar 15 :-)
B : Je hebt gelijk het heeft nu geen zin meer om die frames te gebruiken.

Maar hoe laadt ik nu die index.php in als ik geen frames ga gebruiken?

woensdag 27 maart 2002 15:17

Acties:

Verwijderd

door de beginpagina index.php te noemen, kan dit niet moet je een intropagina maken die in de body een onload heeft staan
en die dan verwijst naar je php.

en code invoeren doe je met [ code ] brazel [/ code ]
zonder de spaties

woensdag 27 maart 2002 15:19

Acties:

Bosmonster

*zucht*

=) zelfs met 15 krijg ik nog scrollbalken.. je content in het middelste frame blijft namelijk 100%+16 ofzo.

Zelfs zonder frames zul je dat probleem aan moeten pakken.

Maar hoe laadt ik nu die index.php in als ik geen frames ga gebruiken?

Hoe bedoel je? index.html/index.php kun je in de webserver opgeven als default namen. Is meestal wel zo ingesteld ook als een server PHP ondersteunt.

woensdag 27 maart 2002 15:30

Acties:

10o

Turbo Charged

Topicstarter

Op woensdag 27 maart 2002 15:19 schreef Bosmonster het volgende:
=) zelfs met 15 krijg ik nog scrollbalken.. je content in het middelste frame blijft namelijk 100%+16 ofzo.

Zelfs zonder frames zul je dat probleem aan moeten pakken.

Wat voor fixed waarde ken ik daar dan voor gebruiken zodat hij op de meeste resoluties wel lekker draait zonder scrollbars?

Ik dacht namelijk dat als ik die zijdes zo smal mogelijk maak dat hij dan de max. breedte pakt die hij nodig heeft. vandaar ook 15 aan de zijdes en een sterretje in het midden.

Geen correcte denkwijze dus.

edit:
Na verder inspectie in mijn code die de artikelen plaatst kwam ik deze code tegen
[code]<table width=\"640\"[/code]
dit is het plaatsen van artikelen zou het zo kunnen zijn dat als ik die breder maak dat ik er dan vanaf ben

woensdag 27 maart 2002 19:28

Acties:

Blaise

Als je de scrollbalkjes weghaalt valt er een (klein) deel van de site weg. Je site moet dus gewoon smaller.

donderdag 28 maart 2002 09:35

Acties:

iAR

Op woensdag 27 maart 2002 13:55 schreef Grum het volgende:
code:
1
<body onload='document.body.scroll="no";'>

Is er ook ergens een guide waar al dit soort dingen staan? Er duiken steeds weer nieuwe op (voor mij dan).

donderdag 28 maart 2002 09:49

Acties:

Guillome

test

MSDN

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

donderdag 28 maart 2002 12:46

Acties:

iAR

Op donderdag 28 maart 2002 09:49 schreef XLerator het volgende:
MSDN

i could have known...

probleem is daar altijd dat ik nooit vind wat ik zoek...

donderdag 28 maart 2002 12:53

Acties:

André

Analytics dude

Ik heb dat probleem ook in IE6 als in de eerste regel van de HTML dit staat:

code:

1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

Haal dat weg en probleem opgelost. (bij mij altans)

donderdag 28 maart 2002 15:19

Acties:

Verwijderd

Ik zie die scrollbalk nog steeds

donderdag 28 maart 2002 22:52

Acties:

10o

Turbo Charged

Topicstarter

Ben er effe niet mee bezig geweest maar ik ga het nu effe bekijken.

oke dit staat in de html

code:

<HTML>
<HEAD>
<TITLE>Welkom op de website van de Renault Tuning Club</TITLE>
<META NAME="GENERATOR" CONTENT="pico on RedHat 7.2!">
<META name="robots" content="all"> 
<meta name="Description" 
content="description">
<meta name="Keywords" 
content="renault, tuning, club">
</HEAD>
<FRAMESET>
<FRAME src="index.php" scrolling="auto" name="content">

</FRAMESET>
</HTML>

En ik krijg hem nog steeds niet weg???

donderdag 28 maart 2002 22:57

Acties:

10o

Turbo Charged

Topicstarter

oke nadat de html pagina in geladen is springt hij vervolgens naar een php pagina. Die include een php pagina voor de opbouw van de totale pagina (header en footer spul) Check thiz out :

code:

1 2	echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"DTD/xhtml1-transitional.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\">";

zou deze echo er misschien uit moeten?

vrijdag 29 maart 2002 12:04

Acties:

10o

Turbo Charged

Topicstarter

Die echo inmiddels verwijderd en gekeken. De scrollbar is pleite.

Tweakers Thanks voor alle ideeën en oplossingen.

zaterdag 30 maart 2002 11:45

Acties:

gomaster

Het gaat over de volgende site http://www.renault-tuning.nl

Mooie site

woensdag 3 april 2002 12:40

Acties:

10o

Turbo Charged

Topicstarter

Tnx, Ben inmiddels er al weer een stuk verder mee.

Mooi webshopje gebouwd en nog meer leuke dingetjes.

vrijdag 31 mei 2002 13:25

Acties:

Verwijderd

Op woensdag 27 maart 2002 13:55 schreef Grum het volgende:
code:
1
<body onload='document.body.scroll="no";'>
en voortaan in het goede forum posten aub

dat is voor beide scrolls, heb je ook een stukkie code dat alleen de horizontale scroll niet werkt? Nu doet bij mij namelijk de verticale scroll het ook niet meer.

code:

1	<body onload='document.body.horizontal.scroll="no";'>

Heb ik geprobeerd maar werkt niet

vrijdag 31 mei 2002 13:28

Acties:

Verwijderd

Op vrijdag 31 mei 2002 13:25 schreef Raven het volgende:

[..]

dat is voor beide scrolls, heb je ook een stukkie code dat alleen de horizontale scroll niet werkt? Nu doet bij mij namelijk de verticale scroll het ook niet meer.
code:
1
<body onload='document.body.horizontal.scroll="no";'>
Heb ik geprobeerd maar werkt niet

beetje nutteloze kick zo na ruim een maand
open je eigen topic dan

vrijdag 31 mei 2002 13:44

Acties:

Verwijderd

Op vrijdag 31 mei 2002 13:28 schreef Zoepnek het volgende:

[..]

beetje nutteloze kick zo na ruim een maand
open je eigen topic dan

die wordt dan toch weer gesloten met de melding UTFS. Doe ik dat een keer, is het weeeeeeeeeer niet goed.

vrijdag 31 mei 2002 13:50

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

zet een omvattende DIV met position:absolute; width: left: 0px; height:0px; 100%;height : 100% om je content heen en zet deze op overflow-x: none en overflow-y: scroll.

eventueel moet je checken dat de DIV exact de window-breedte aanhoudt, wil nog wel eens bugjes optreden waardoor ruimte aan de rechterkant optreden, verder dien je te zorgen dat alle amrgins op 0 staan ook van body.

overflow-x en overflow-y zijn geen standaard en msie only.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

vrijdag 31 mei 2002 14:07

Acties:

Verwijderd

Op vrijdag 31 mei 2002 13:50 schreef RM-rf het volgende:
zet een omvattende DIV met position:absolute; width: left: 0px; height:0px; 100%;height : 100% om je content heen en zet deze op overflow-x: none en overflow-y: scroll.

eventueel moet je checken dat de DIV exact de window-breedte aanhoudt, wil nog wel eens bugjes optreden waardoor ruimte aan de rechterkant optreden, verder dien je te zorgen dat alle amrgins op 0 staan ook van body.

overflow-x en overflow-y zijn geen standaard en msie only.

msie is geen probleem.
Scherm res alleen wel, niet alles draait hier op 1024x768. Veel terminals kunnen niet hoger dan 800x600.

code:

<body bgcolor="#FFFFFF" text="#000000" link="#330099" 
marginwidth="0" marginheight="0" leftmargin="0" 
topmargin="0">

<DIV {
   position:absolute;
   width:0px; 
   left:0px;
   overflow-x: none;
   overflow-y: hidden;
}>


[content]

</div>
</body>

*gevoel heeft iets vergeten te zijn*

vrijdag 31 mei 2002 14:14

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Op vrijdag 31 mei 2002 14:07 schreef Raven het volgende:

heb zelf de fout gemaakt om top per ongeluk als height te typen, vreemd genoeg copieer je het ook niet geheel juist, met width op 0px, de juiste code zou moeten zijn;

code:

<style type="text/css">
DIV.main
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   overflow-x: none;
   overflow-y: scroll;
   margin: 0px;
}
BODY
{
   margin: 0px;
   padding: 0px;
}
</style>

en je div een className "main" geven
het style-block in je <HEAD> te gooien.

leer overigens code volgens de boekjes/specs en niet 'door wat code door elkaar te gooien' en wat 'te proberen'
je maakt fouten die getuigen van erg sloppy code-gedrag en misschien te snel dingen willen bereiken zonder je te concentereren op de juiste basis (CSS, HTML en JavaScript/DOM)

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

vrijdag 31 mei 2002 14:23

Acties:

Verwijderd

Op vrijdag 31 mei 2002 14:14 schreef RM-rf het volgende:

[..]

leer overigens code volgens de boekjes/specs en niet 'door wat code door elkaar te gooien' en wat 'te proberen'
je maakt fouten die getuigen van erg sloppy code-gedrag en misschien te snel dingen willen bereiken zonder je te concentereren op de juiste basis (CSS, HTML en JavaScript/DOM)

Thanks voor de code. Ga er mee aan de slag.
Je hebt wel gelijk dat ik dingen te snel wil, heb net een cursus javascript achter de rug en wil dat graag toepassen en iets moois maken.

vrijdag 31 mei 2002 14:38

Acties:

Verwijderd

Die scrollbar wordt overigens veroorzaakt door een Javascript menu. Die Div helpt er helaas niet tegen. Thanks anyways.

Pagina: 1

Reageer