css-probleem, site scrolt niet goed.
10 februari 2009 - 11:44   
geplaatst door: Duke
Beste,

Ik ben een site aan het maken in wordpress. Ik gebruik dit als cms. Dat werkt prima en ziet er prachtig uit. Ik krijg alleen de site niet goed aan het scrollen: De hele site scrolt over de achtergrond terwijl alleen de content zou moeten scrollen.

Ik heb al van alles geprobeerd: scrolling-noscrolling-overflow-top fixed....
Het werkt allemaal niet.

Wie kan me hier mee helpen?
Het is de bedoeling dat de linker en rechterkolom en de header blijven staan en dat alleen m'n content en footer scrollen. De content zou dan, terwijl je scrolt, bovenin het contentkader, in het niets moeten verdwijnen zodat het net lijkt of alles achter de kasteelploort zit.

in m'n css heten de linker en rehterkolom #second en #third, de header #hd de content #item en de footer #ft.

m'n site: www.greet.speelplaats.org
m'n css: http://www.speelplaats.org/greet/wp-content/themes/theme-greet/style.css

css-probleem, site scrolt niet goed.
10 februari 2009 - 12:36    reactie #1
geplaatst door: Godfather
Ik kan even geen direct antwoord geven maar volgens mij is wat jij wilt te zien op de volgende site;
http://www.csszengarden.com/?cssfile=/213/213.css&page=0

De content onderin is vast, en zou je ook boven kunnen plaatsen met een marge. Misschien kan je er wat mee?

Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
css-probleem, site scrolt niet goed.
10 februari 2009 - 12:45    reactie #2
geplaatst door: Blender
Zo te zien zit het menu en de content in dezelfde container.
Lijkt mij lastig om het goed te krijgen met zo’n fundering.


Die link van Godfather is trouwens erg orgineel. Goed idee.

css-probleem, site scrolt niet goed.
10 februari 2009 - 12:51    reactie #3
geplaatst door: Godfather
Ik heb eerlijk gezegd nog niet gekeken naar de opbouw van de html icm. CSS in dit geval maar noodzaak is om de menu structuren wel op zichzelf staand te maken. Dus geen parent-constructies inderdaad maar directe divjes die nergens 'in andere divjes' zitten.
Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
css-probleem, site scrolt niet goed.
10 februari 2009 - 12:58    reactie #4
geplaatst door: Duke
Mensen, ik zit me hier blauw te studeren...
ff zien of ik jullie volg.

Zou het kunnen dat ik m'n index.php of m'n page.php aan moet passen om eerst de containers te definiëren en dan m'n css aan passen?
Of moet ik dit alleen in css kunnen doen?

erg mooi gemaakt trouwens die zen.

css-probleem, site scrolt niet goed.
10 februari 2009 - 13:03    reactie #5
geplaatst door: Blender
Ik denk dat je inderdaad php files moet aanpassen.
Ik weet zelf niets van WordPress. In de laatste webdesigner (nr 12) staat een
tutorial over het aanpassen van WordPress. Misschien iets voor jouw?

http://webdesignermagazine.nl

css-probleem, site scrolt niet goed.
10 februari 2009 - 13:28    reactie #6
geplaatst door: Duke
Ik ken het artikel maar het geeft geen antwoord op m'n vraag. Toch bedankt. Ik kan je vrij eenvoudig uitleggen hoe dit werkt: Ik heb met een templatgenrator een template aangemaakt die ik vervolgens weer aan pas tot het er exact zo uit ziet als ik wil. Die generator maakt een aantal files aan:

http://www.speelplaats.org/greet/wp-content/themes/theme-greet/footer.php
http://www.speelplaats.org/greet/wp-content/themes/theme-greet/functions.php
http://www.speelplaats.org/greet/wp-content/themes/theme-greet/header.php
http://www.speelplaats.org/greet/wp-content/themes/theme-greet/index.php
http://www.speelplaats.org/greet/wp-content/themes/theme-greet/page.php
http://www.speelplaats.org/greet/wp-content/themes/theme-greet/sidebar.php
http://www.speelplaats.org/greet/wp-content/themes/theme-greet/style.css

en natuurlijk een map images en nog een paar .php's die ik niet gebruik.
In dit systeem is de index een verhaal apart. Daarachter wordt de boel door page.php bij elkaar gehouden.
Iedereen die me hier tips kan geven ben ik zeer dankbaar. Verder heb ik alles aan kunnen passen, alleen dit lukt niet.