[HTML] Tabel breedtes op website

[Verwijderd]

Ik heb een probleempje met een bepaalde pagina.

Op www.marq.nu (absoluut geen reklame) staat een hyperlink in het menu naar disclaimer.

Wanneer je daarop klikt verschijnt er een nieuwe pagina waarin (als je Internet Explorer gebruikt) een schuifbalk is te zien, maar ook aan de onderkant.

Nu zie ik aan de tabel breedtes geen gekke dingen, die staat op 600 pixels.
Wanneer ik dit aanpas aan 100% blijft die schuifbalk aan de onderkant bestaan.

Weet iemand hoe dit kan en hoe dit opgelost kan worden ?

Thanx !!

[Verwijderd]

Er is *iets* wat gewoon te lang is, probeer dit eens te checken door borders aan te zetten op je tables en images. Dan zie je snel genoeg wat er langer is. (of de verticale scrollbar triggert automatisch je horizontale... maar zeg dat even onder voorbehoud)

ps. de popup wordt bij mij geblocked, wellicht een tipje om deze te controleren met een stukje script en de gebruiker op de hoogte te stellen van die popup. Ik keek er bijna overheen

[ Voor 13% gewijzigd door Verwijderd op 31-01-2005 19:49 ]

[Verwijderd]

De CSS property overflow-x: hidden; toekennen.

[Verwijderd]

Verwijderd schreef op maandag 31 januari 2005 @ 19:48:
De CSS property overflow-x: hidden; toekennen.

Ik heb het volgende geprobeerd maar dit werkte niet.

Of doe ik iets verkeerd ?

BODY {
BACKGROUND-IMAGE: url(images/bgtekstpagina.gif); BACKGROUND-REPEAT: repeat-x; overflow-x: hidden;
}

[ Voor 8% gewijzigd door Verwijderd op 31-01-2005 21:21 ]

[stp_4]

Kleine tip: zou het persoonlijk mooier vinden als de headertekst ( "Disclaimer" ) een vaste positie zou hebben in je hoofdpagina zodat deze niet meescrolt.

[Verwijderd]

Verwijderd schreef op maandag 31 januari 2005 @ 19:54:
[...]


Uhm, mijn CSS kennis is niet toereikend. Ik heb het volgende geprobeerd maar dit werkte niet.

Of doe ik iets verkeerd ?

BODY {
BACKGROUND-IMAGE: url(images/bgtekstpagina.gif); BACKGROUND-REPEAT: repeat-x
}

overflow-x: hidden;

Zo werkt hij ook niet:

BODY {
BACKGROUND-IMAGE: url(images/bgtekstpagina.gif); BACKGROUND-REPEAT: repeat-x; overflow-x: hidden
}

[stp_4]

laat maar

[ Voor 96% gewijzigd door stp_4 op 31-01-2005 19:58 ]

[Verwijderd]

Verwijderd schreef op maandag 31 januari 2005 @ 19:54:
[...]


Uhm, mijn CSS kennis is niet toereikend. Ik heb het volgende geprobeerd maar dit werkte niet.

Of doe ik iets verkeerd ?

BODY {
BACKGROUND-IMAGE: url(images/bgtekstpagina.gif); BACKGROUND-REPEAT: repeat-x
}

overflow-x: hidden;

body{
background-image: url(images/bgtekstpagina.gif);
background-repeat: repeat-x;
overflow-x:hidden;
}

[Verwijderd]

Verwijderd schreef op maandag 31 januari 2005 @ 19:57:
[...]


body{
background-image: url(images/bgtekstpagina.gif);
background-repeat: repeat-x;
overflow-x:hidden;
}

Hmmm, ik denk niet dat het hem hierin zit.

Ik heb deze setting geprobeerd maar dit heeft niet mogen baten.

Wat ik verder zie is zodra dat de schuifbalk aan de rechterkant verschijnt OOK de schuifbalk onderaan verschijnt...........

[stp_4]

zet overflow-y: auto?

[HyperioN]

Verwijderd schreef op maandag 31 januari 2005 @ 20:00:
[...]


Hmmm, ik denk niet dat het hem hierin zit.

Ik heb deze setting geprobeerd maar dit heeft niet mogen baten.

Wat ik verder zie is zodra dat de schuifbalk aan de rechterkant verschijnt OOK de schuifbalk onderaan verschijnt...........

Klopt, dat is juist de *stomme* reden dat IE dat doet.
Zodra die verticale schuifbalk er komt, neemt deze ong. 20 pixels in beslag, waardoor IE vindt dat je frame te klein wordt voor je pagina, hij maakt dus een horizontale scrollbar (ofzoiets stoms)...

Maar even naar de oplossing: overflow-x: hidden; zou hier zeker moeten werken! Weet je zeker dat je je stylesheet goed include?
Wat je ook kunt proberen is het geheel in een table met één tr en td zetten met een width van de breedte van je frame - die 20 pix.....weet echter niet of dat helpt, wilde gok.

/basic imo...

[ Voor 14% gewijzigd door HyperioN op 31-01-2005 20:10 ]

[Verwijderd]

HyperioN. schreef op maandag 31 januari 2005 @ 20:07:
[...]

Klopt, dat is juist de *stomme* reden dat IE dat doet.
Zodra die verticale schuifbalk er komt, neemt deze ong. 20 pixels in beslag, waardoor IE vindt dat je frame te klein wordt voor je pagina, hij maakt dus een horizontale scrollbar (ofzoiets stoms)...

Maar even naar de oplossing: overflow-x: hidden; zou hier zeker moeten werken! Weet je zeker dat je je stylesheet goed include?
Wat je ook kunt proberen is het geheel in een table met één tr en td zetten met een width van de breedte van je frame - die 20 pix.....weet echter niet of dat helpt, wilde gok.

/basic imo...

Nope, ik heb de tekstbg.css ge-edit met de volgende gegevens:

body{
background-image: url(images/bgtekstpagina.gif);
background-repeat: repeat-x;
overflow-x:hidden;
}

En dit heeft niet mogen baten, probeer zelf anders eens die URL te saven, je zult het zien.

Ik vind het steeds gekker worden.

[djluc]

Verwijderd schreef op maandag 31 januari 2005 @ 19:48:
Er is *iets* wat gewoon te lang is, probeer dit eens te checken door borders aan te zetten op je tables en images. [...]

Kan handig met met Firefox. Daarvoor moet je even de webdeveloper toolbar installeren en dan kan je met een menuutje precies kiezen waar je borders omheen wilt zien.

[Verwijderd]

Wanneer ik deze pagina rechtstreeks open :

http://www.marq.nu/disclaimer/disclaim.htm

krijg ik geen schuifbalk aan de onderkant.

Heeft iemand nog een ander idee ?

[judgem]

En als je er:

body{
margin: 0px;
padding: 0px;
background-image: url(images/bgtekstpagina.gif);
background-repeat: repeat-x;
overflow-x:hidden;
}

van maakt?

Ik zit overigens met hetzelfde probleem.

[Verwijderd]

judgem schreef op maandag 31 januari 2005 @ 20:45:
En als je er:

body{
margin: 0px;
padding: 0px;
background-image: url(images/bgtekstpagina.gif);
background-repeat: repeat-x;
overflow-x:hidden;
}

van maakt?

Ik zit overigens met hetzelfde probleem.

Nope, ook niet.

Als ik de volgende pagina rechtstreeks benader heb ik NIET die balk onderaan:

http://www.marq.nu/disclaimer/disclaim.htm

Maar zodra die pagina binnen dat frame geopend wordt is het ellende.

De breedtes/hoogtes op 100% zetten heeft niet mogen baten, alsmede het weghalen ervan.

't Lijkt wel alsof het een bug is in IE ?

[judgem]

Lijkt inderdaad een IE bug want Ik heb precies hetzelfde. Ga maar eens (in IE. FF werkt gewoon) naar http://www.studiomystica.nl en klik in het linkermenu op "Poll" en zie.

Ik breek me er al vanaf het begin het hoofd over en ik heb het maar even laten varen tot ik dit topic tegenkwam. Zou mooi zijn als we er allebei nu wel uitkomen.

[Verwijderd]

Cascading Stylesheet:

html {
   overflow-x: hidden;
}

[judgem]

Verwijderd schreef op maandag 31 januari 2005 @ 21:39:

Cascading Stylesheet:

html {
   overflow-x: hidden;
}

Als we nu samen in de kroeg hadden gezeten dan had ik je nu vol bier gegooid! Enorm bedankt!

[Verwijderd]

De kroegen zijn hier nog open hoor ..

[Verwijderd]

Verwijderd schreef op maandag 31 januari 2005 @ 22:31:
De kroegen zijn hier nog open hoor ..

Maar ik mot geen alcohol

[Verwijderd]

Verwijderd schreef op maandag 31 januari 2005 @ 22:54:
[...]

Maar ik mot geen alcohol

Dan neem ik die van jou wel erbij .. no prob, ik offer me wel op

[Verwijderd]

judgem schreef op maandag 31 januari 2005 @ 22:14:
[...]

Als we nu samen in de kroeg hadden gezeten dan had ik je nu vol bier gegooid! Enorm bedankt!

Van mij had je ook een meter gekregen !

Super, het werkt !!

[judgem]

Verwijderd schreef op maandag 31 januari 2005 @ 23:15:
[...]


Van mij had je ook een meter gekregen !

Super, het werkt !!

Weet je dat heel zeker? Ik zie namelijk nog een scrollbar onderin de disclaimer.

Mooie site by the way!

[Verwijderd]

[rml]ReSistanZ in "[ CSS] .tk adres voegt horizontale scroll..."[/rml]

[PaulZ]

't Heeft te maken met de eerste regel in jouw disclaimerpagina (die staat volgens mij niet in de overige pagina's):

code:

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

Ik had er ook last van in combinatie met deze regel en het is opgelost door de framedefinitie (in jouw geval 'onderwerpen') te wijzigen in:

code:

<frame src="bla.htm" name="onderwerpen" marginwidth="0" marginheight="0"  SCROLLING="YES">

Toegevoegd: SCROLLING="YES"

Dat deed 't in ieder geval bij mij. 't Is dus geen bug of zo in IE.

[ Voor 19% gewijzigd door PaulZ op 01-02-2005 21:06 ]