[CSS]Vertikaal laten scrollen?

[NoTimeRemains]

hallo,

ik heb een website-tje gemaakt met CSS en PHP (machtig mooi spul om mee te werken btw) nu wilde ik in mijn CSS een regel aanmaken dat de pagina vertikaal scrollt. maar dat lukt niet.
ik heb allerlei variaties op overflow: scroll, hidden, etc. maar het werkt niet.
ook got en google (w3schools bijv) hadden geen baat. kunnen jullie mijn misschien helpen?

code:

body { 
margin:0px 0px 0px 0px;
font-family:Verdana;
background-color:#D4C9C4;
}

table {
font-size:11px;
}

input {
font-family:Verdana;
font-size:10px;
}

textarea {
font-family:Verdana;
font-size:10px;
}

#navigatie {
background-color:#99CCCC;
font-size:10px;
color:#FFFFFF;
border:0px dashed #CCCCCC;
}

#navigatie a { 
color:#ffffff;
text-decoration:none; 
}

#navigatie a:hover { 
color:#666666; 
}

form {
display:inline;
}

.input_width {
width:125px;
}

.hoofdtabel {
width:900px; height:100px;
background-color:#FFFFFF;
font-size:10px;
}

#content {
width:745px; height:100%;
background-color:#F0F5F3;
color:#000000;
border:1px #000000;
font-size:11px;
}

.content2 {
width:745px; height:100,01%;
background-color:#F0F5F3;
font-size:11px;
}

#content a { 
color:#000000;
text-decoration:none; 
}

#content a:hover { 
color:#ffffff; 
}

.header {
width:900px; height:100px;
background-color:#000000;
border:0px dashed #000000;
}

.nieuwsbrief {
background-color:#FFFFFF;
font-size:10px;
color:#000000;
border:0px dashed #CCCCCC;
}

.zoekvenster {
background-color:#FFFFFF;
font-size:10px;
color:#000000;
border:0px dashed #CCCCCC;
}

.biedingen {
width:60%;
border:0px dashed #CCCCCC;
}

.kop {
font-weight:bold;
}

.copyright {
font-size:9px;
color:#666666;
}

bvd

[André]

Verticaal is overflow-y: scroll

[NoTimeRemains]

waar moet ik dat zetten?

[Rowanov]

Is pasgeleden (lees vorige week) nog een topic over geweest.
http://gathering.tweakers.../976869///css%2Cscrollbar

in je body selector

code:

body {
...
}

dat ding dus...

[ Voor 30% gewijzigd door Rowanov op 22-11-2004 15:12 ]

[NoTimeRemains]

sorry het werkt niet

[Rowanov]

HIValicious schreef op maandag 22 november 2004 @ 15:12:
sorry het werkt niet

Wat werkt er niet aan, wat meer details over een browser ed. zou fijn zijn.

[NoTimeRemains]

oew srry IE 6.0 (hoeft niet in FF etc te werken)

wat er niet werkt? ik krijg geen scrollbar

[Rowanov]

Als je inhoud (content) te breed/lang is maakt hij vanzelf een scrollbar. Heb je een linkje naar je pagina, want ik ben niet helderziend .

[NoTimeRemains]

oew

ja ik heb nix online staan

kan het op een andere manier?

[Rowanov]

Nee, lijkt me niet praktisch, je kan een lapje code proberen.

Gratis host misschien een id?

[ Voor 22% gewijzigd door Rowanov op 22-11-2004 15:18 ]

[NoTimeRemains]

edit

[ Voor 134% gewijzigd door NoTimeRemains op 22-11-2004 16:00 ]

[André]

HIValicious schreef op maandag 22 november 2004 @ 15:18:
ik zet t op me homedrive dan kan je daar even kijken als je wilt

Ik snap het niet helemaal maar dat zal aan mij liggen: Als je pagina heel lang is krijg ja vanzelf een scrollbar?

[NoTimeRemains]

ja dat heb ik maar dat krijg ik dus niet

[Rowanov]

Omdat er niet genoeg inhoud in je pagina staat

[André]

Haal dan je stylesheet weg en kijk of het daar aan ligt, waarschijnlijk wel.

[ Voor 3% gewijzigd door André op 22-11-2004 15:23 ]

[NoTimeRemains]

uhm op deze pagina dan niet ...

maar in de index.php roep ik andere php bestanden aan die dan in de content worden uitgelezen ... en daar zitten een aantal lange pagina's bij ...

[Rowanov]

Ik heb hem zojuist op mijn server gekickt (helaas niet bereiken vanaf 't net) en daar zie ik gewoon een scrollbar...

edit:
Daar wil ik graag van maken in FF 1.0, Opera en IE6.

[ Voor 28% gewijzigd door Rowanov op 22-11-2004 15:28 ]

[NoTimeRemains]

ok ... vaegheid ... in welke stuk heb je scrollbar aangezet?

[Rowanov]

Gewoon zonder aanpassing jouw code op server gekwakt...

Is het probleem bij deze dan opgelost? Je kan dit zelf checken door gewoon 10 a4'tjes text in je inhoud te plempen, maar bij mijn resolutie van 1024*768 geeft hij gewoon een scrollbar.

[ Voor 21% gewijzigd door Rowanov op 22-11-2004 15:31 ]

[NoTimeRemains]

?
dat snap ik niet

[Rowanov]

Zet deze regel code als laatste code VOOR je </body> tag en kopieer hem 5000 keer:

code:

hoppakee<br>

Wat gebeurt er nu?

[NoTimeRemains]

een hele lange pagina maar geen scrollbar 'in' de site zelf

[Rowanov]

code:

<div id="content">
hier uw tekst
</div>

code:

#content {
width: __px;
height: __px;
overflow: auto;
}

Dit zou moeten werken, wel even netjes width en height invullen dan en paragraaf tekst ook echt in een paragraaf doen.

[ Voor 30% gewijzigd door Rowanov op 22-11-2004 15:47 ]

[Wussie]

scrolling=no in je frameset staan toevallig?

[ Voor 3% gewijzigd door Wussie op 22-11-2004 15:50 ]

[Rowanov]

Wussie schreef op maandag 22 november 2004 @ 15:49:
scrolling=no in je frameset staan toevallig?

Zie jij een frameset dan Dit gaat btw. echt nergens meer over, misschien tijd voor de TS om eens moeite te doen of anders eens op de thee te gaan bij www.w3schools.com.

[ Voor 28% gewijzigd door Rowanov op 22-11-2004 15:53 ]

[Wussie]

kan toch dat die die index.php in een html framepage laadt?

[NoTimeRemains]

kan het zijn dat het fout gaat is dat omdat ik die losse php bestandjes inlees?

[Verwijderd]

Zou eigenlijk niks uit moeten maken.
De totale output is toch een hele pagina.
Als ik je goed begrijp...

[NoTimeRemains]

situatie:
*.css
index.php (die de css uitleest)
->losse bestandjes (welkom.php, links.php, etc) worden in de index.php ingelezen en uitgeprint(=op het scherm gezet)

[ Voor 67% gewijzigd door NoTimeRemains op 22-11-2004 18:36 ]

[Rowanov]

HIValicious schreef op maandag 22 november 2004 @ 18:34:
situatie:
*.css
index.php (die de css uitleest)
->losse bestandjes (welkom.php, links.php, etc) worden in de index.php ingelezen en uitgeprint(=op het scherm gezet)

Goed, als ik het nu wel goed begrijp, zou dit een oplossing kunnen zijn.

code:

<table width="745px" height="100%" cellpadding=6 cellspacing=0 bordercolor="#E0DFE3" id="content" >
<tr><td width="100%" valign=top>
<div id="content">
<?php
include($page);
?>
</div>
</td></tr></table>

css

code:

#content {
overflow: auto;
}

[NoTimeRemains]

ja nu werkt het wel ....

was die <div id="content"> dus de ontbrekende schakel?

[Rowanov]

Ja. Je moet het zien als een blokje waaraan je expliciet opgeeft hoe hoog en breed hij is, alles wat uitsteekt resulteert in een scrollbar.