Ik heb een vraag aan een ieder die verstand heeft van layout van websites.

Als je naar mijn website gaat is er een gedeelte met scrollbalk en een deel zonder.

Hier verspringt de website. Wat is de mooiste manier om dit op te lossen.

Ik kan er natuurlijk voor zorgen dat de scrollbalk altijd te zien is (moet wel even opzoeken hoe dat ook al weer ging, maar ik weet dat het mogelijk is)

Maar ik hoop op een beter oplossing, zoiets dat hij rechts iets inspringt wanneer er geen scrollbalk is. zodat de site nooit hoeft te verspringen.

Ik hoop dat jullie begrijpen wat ik bedoel.

Ook zou ik het mooier vinden als mij footer altijd onderaan is. Nu is er bij weinig tekst een heel groot stuk blauw onder mijn site.

http://www.jcsl.nl/nieuw/
Ik begrijp het niet helemaal, maar als jij bedoelt, om dat witte stuk altijd een bepaalde hoogte te houden en als er meer content is dat het uitbreid, dan zou je zoiets kunnen proberen;


CSS

min-height: 600px; //bepaald de hoogte die de div standaard moet hebben
height: auto !important;
height: 600px; //hier nogmaals, dit is puur voor dat andere browsers het ook snappen 


Als je iets totaal anders bedoelde, mijn excuses.
Er gaat iets niet helemaal goed.

<?php
#maintitel{
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: #00A2FF;
}

#mainblok{
margin-left: 0px;
margin-right: 0px;
min-height: 600px; //bepaald de hoogte die de div standaard moet hebben
height: auto !important;
height: 600px; //hier nogmaals dit is puur voor dat andere browsers het ook snappen
}

#footer {
text-align: center;
color: #BE0000;
font-size: 12px;
}
?>

zie kleurtjes

edit: hier klopt het wel, bij notepad++ niet daar wordt #footer zwart ipv oranje en pas na center; werkt hij weer.
Het werkt trouwens wel prima dank je wel.
# en // is zijn start tekens voor commentaar in php daarom geeft hij aan dat het fout is. Je ben't CSS aan het posten geen php.



/* Commentaar in CSS */

Maar als ik de // vervang door # dan wordt de height: auto !important;
zwart.

Ik heb de opmerkingen maar helemaal weggehaald, dan werkt het prima.
ipv dit:
//bepaald de hoogte die de div standaard moet hebben

moet het dit worden:
/*bepaald de hoogte die de div standaard moet hebben*/

Reageren