Balken houden op

[Anoniem2]

Goedemorgen mensen,\r\n\r\nIk loop wat te expirimenteren met de website van mijn pa. Nu ben ik tegen het volgende probleem aangelopen:\r\n\r\nIk heb in het midden van de website een tekstvak gemaakt met vaste afmetingen. Links en rechts daarvan heb ik balken gemaakt. Deze staan ingesteld op: Height: 100%;. Nu is het probleem dat als ik de website op een 19\"inch beeldscherm bekijk je naar beneden moet scrollen om de onderkant van dat tekstvak te kunnen bekijken. Dat is opzich niet zo erg, maar dan scrollen die balken niet mee, die houden dan op.\r\n\r\nZie bijlage.\r\nWeet iemand hoe ik dit kan verhelpen?\r\n\r\nBijlage: [URL=\"http://www.assutool.nl/ps.gif\"]Afbeelding[/URL]

[Anoniem2]

Maak van height eens min-height. Als dat niet werkt moet je maar ff zeggen, want dan weet ik \'t uit m\'n hoofd zo niet, en moet ik zelf even gaan rommelen.\r\n\r\nWat me opvalt zijn twee verticale scrollbalken. Eentje is meer dan genoeg voor vrijwel iedere website. Geef dat tekstvak liever een variabele hoogte, opdat de tekst er helemaal in pas. Als je dat probleem met die balken hebt opgelost, ziet dat er gelijk een stuk beter uit.\r\nGa nu maar eens helemaal bovenin de pagina staan. Plant je muis boven het tekstvak en begin aan het scrollwiel te draaien. De tekst in het tekstvak begint te schuiven. Op zich niks aan de hand, maar zodra het einde van het tekstvak bereikt is, knalt in een keer de hele pagina een stuk naar beneden, omdat het scrollwiel opeens de meest rechter scrollbalk gaat bedienen. Vind ik persoonlijk niet zo mooi, vooral ook omdat een tekstvak met scrollbalk helemaal nergens voor nodig is.

[Anoniem2]

FooBar, bedankt voor de tip! Ik ga straks even proberen met dat min-height. Je hoort van mij :)

[Anoniem2]

min-height: 100%; werkt niet. Wat zou een andere manier kunnen zijn?

[Anoniem2]

Opzich is het haast niet mogelijk om die balken helemaal door te laten lopen tenzij je er een achtergrond plaatje van maakt. Het probleem dan is dat je ze maar op een fixed breedte kan hebben. \n\nhieght in % werkt gewoon niet lekker \n\nWat je misschien kan doen is het via een absolute positie met een top van :0px; en bottom 0px;

[Anoniem2]

Met min-height kom ik er zelf ook niet meer uit. Dat ding doet alles behalve dat wat ik wil.\r\n\r\nAnyhoe, de oplossing is om je div\'s in een zgn containerdiv te zetten. De hoogte van inliggende div\'s wordt dan relatief aan dat containerdiv, en niet aan de hoogte van het zichtbare gedeelte van de pagina.\r\nProbeer dit voorbeeld maar eens:\r\n[html]\r\n\r\n\r\n\r\n\r\n\r\n

\r\n

\r\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur laoreet, magna at sagittis dictum, tellus \r\n\r\nelit tincidunt velit, in hendrerit tortor mi at neque. In viverra, metus eget malesuada scelerisque, risus turpis vehicula \r\n\r\nmetus, ac porttitor leo nibh et tortor. Vivamus imperdiet orci sit amet eros. Pellentesque accumsan laoreet tellus. Nam accumsan \r\n\r\ndapibus purus. Donec convallis dolor sit amet augue venenatis pulvinar. Sed hendrerit, risus ac semper cursus, orci quam \r\n\r\nhendrerit nisl, nec mollis nibh odio non tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac \r\n\r\nturpis egestas. Sed vitae nisl. Aenean molestie mi aliquam nisi. Praesent erat enim, rutrum et, vestibulum eu, sagittis id, \r\n\r\nodio. Morbi eleifend congue nisl. Ut ultricies odio non erat laoreet ultrices. Aenean mattis sem. Donec luctus. Nunc vitae leo \r\n\r\neget nulla euismod ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce \r\n\r\nimperdiet lorem eu lectus viverra vehicula. Maecenas faucibus. Morbi molestie. \r\n\r\nInteger in risus. Sed feugiat gravida urna. Vivamus faucibus mattis mi. Pellentesque euismod sem a mauris. Class aptent taciti \r\n\r\nsociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetuer adipiscing \r\n\r\nelit. Cras urna. Sed purus sem, dignissim a, tempor at, pharetra sed, libero. Donec laoreet massa a purus. Donec vitae tortor \r\n\r\nrhoncus mi congue laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur \r\n\r\npulvinar eleifend mauris. Duis semper. Vestibulum in dui. \r\n\r\nCurabitur velit. Pellentesque leo. In egestas congue diam. Donec suscipit arcu vitae lorem. Pellentesque feugiat, diam mattis \r\n\r\nadipiscing fringilla, sem nulla tristique orci, ut pulvinar purus mi sed lectus. Aenean venenatis odio quis sapien lobortis \r\n\r\nvolutpat. Sed vel odio. Donec commodo libero non purus. Quisque aliquet, arcu a tempor faucibus, mi nulla posuere erat, vitae \r\n\r\nconsequat augue massa sed neque. Pellentesque tristique. Praesent diam nisi, condimentum sit amet, scelerisque tincidunt, \r\n\r\nfringilla ac, sapien. Aliquam erat volutpat. Donec consequat magna eget leo. \r\n\r\nNullam pharetra, neque vel suscipit pharetra, nisl neque venenatis metus, eget vehicula eros turpis eu tellus. Sed ullamcorper \r\n\r\neleifend neque. Nulla sit amet dui. Proin pede quam, elementum quis, molestie a, facilisis non, velit. Cras nunc est, adipiscing \r\n\r\nnec, vestibulum et, venenatis et, erat. Donec porta. Morbi viverra. Ut tempus mauris cursus nunc. Proin varius pretium elit. \r\n\r\nMorbi nec sapien eget pede posuere tempus. Vivamus erat. Aenean lorem massa, porttitor aliquam, commodo eu, dapibus vitae, \r\n\r\naugue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. \r\n\r\nNam vestibulum nulla vel turpis. Proin hendrerit egestas leo. Nullam pellentesque. Ut eleifend sem non dolor. Vestibulum \r\n\r\nfacilisis massa non tortor. Proin vulputate convallis nulla. Cras congue massa. Proin ultricies nibh. Nulla accumsan, ipsum nec \r\n\r\nlaoreet auctor, odio elit dapibus ligula, nec cursus mi velit a lorem. Aenean at mi. Mauris non quam vitae nulla tincidunt \r\n\r\ninterdum. Curabitur venenatis egestas elit. Nulla dignissim. Nullam massa ligula, fringilla ac, ornare eget, molestie vel, \r\n\r\ndolor. Aliquam nec justo. Donec faucibus ante a orci. Proin suscipit, orci ac tincidunt mattis, diam nisi viverra enim, vitae \r\n\r\nblandit lectus lectus quis mi. \r\n\r\n

\r\n

\r\n\r\n[/html]

[Anoniem2]

Dat gaat inderdaad een stuk beter in IE, maar in FF blijf ik hetzelfde probleem behouden.

[Anoniem2]

En wat als je nu 1 table erom heen zet. Aangezien een table wel goedwerkt met %

[Anoniem2]

Wordt dat gezien de inhoud van de website dan niet een heel gedoe?

[Anoniem2]

Kan je mij de bron + eventuele afbeeldingen bezorgen, even ergens online zetten voldoet ook prima. Dan kan ik zelf even puzzelen en dan kan ik gelijk jouw pagina voor je goed proberen te zetten.

[Anoniem2]

als je dus alleen dit doet \n[code]\n\n\n ... enzo\n\n\n\n\n\n\nHIER DAN JE CODE\n\n\n\n\n\n\n[/code]

[Anoniem2]

Moet de eerste td tag niet openend zijn nu sluit hij?\nEn misschien kan je het ook met div`s proberen.

[Anoniem2]

[QUOTE=rajo;396595]Moet de eerste td tag niet openend zijn nu sluit hij?\r\nEn misschien kan je het ook met div`s proberen.[/QUOTE]\r\n\r\nLees eerst ff de hele post. Het is nu is div\'s gebouwd.

[Anoniem2]

[QUOTE=PC Dream;396566]als je dus alleen dit doet \r\n[code]\r\n\r\n\r\n ... enzo\r\n\r\n\r\n\r\n\r\n\r\n\r\nHIER DAN JE CODE\r\n\r\n\r\n\r\n\r\n\r\n\r\n[/code][/QUOTE]\r\n\r\nLinks en recht zijn balken, maar dat kan ik inderdaad zelf ook wel oplossen. Mijn ervaring met tabellen zijn dat als ik ze width=\"100%\" doe dat ze toch niet helemaal tot het einde komen, hoe zou ik dat dan op kunnen lossen?\r\nIs dat met Cellpadding=\"0\" Cellspacing=\"0\"?

[Anoniem2]

Sorry hoor

[Anoniem2]

Moet inderdaad eerst maar in de snelheid verkeerd geschreven \nJe moet aan je tabel een margin en een padding van 0px geven en dan is die over heel het scherm.

[Anoniem2]

Oke bedankt! Ik ga nu naar bed en morgen ga ik het proberen.