Hallo,

Ik krijg mijn scrollbars niet goed. Ik heb een gastenboek en als de items daar te te te groot worden wil ik alleen een vertikale scrollbar (of desnoods de horizontale scrollbar zo dat daar niet gescrollt kan worden).

Mijn probleem is te zien op: www.datepunt.nl. Log in met
username: testen
password: testen.

Klik dan op gastenboek, dan zie je het probleem:

Ik zie dat de scrollbars in de div: gastenboekinfo komt. Maar daar wil ik hem niet. Ik gooi de data in de div: gbmessages met javascript (ajax). Als ik een overflow:hidden op gastenboekinfo zet dan krijg ik die scrollbars niet meer (zoals hoort), maar krijg dan ook op geen enkele manier de scrollbars in gbmessages (zelfs niet met een overflow:scroll).

ps: Ik zou wel graag de scrollbar aan de rechterkant houden zoals nu het geval is.

Het gaat om de volgende code

<div id="gastenboekinfo">
<div id="gbberichtenheader"></div>
<div id="gbmessages" style="float:left;position:relative;width:620px;top:15px;margin-left:8px;margin-right:18px;">
</div>
</div>
</div>
overflow:scroll;

geloof ik.
Nee, geen overflow:scroll. Dat dacht ik ook, maar het is overflow: auto;

Scroll laat ALTIJD een scrollbalk zien. auto alleen als er teveel text is.
Owja
off-the-topic: Even een tipje; die site is troep en onveilig ook. Het zit met touwtjes aan elkaar vast lijkt wel. Misschien kan je wat aan het design doen; de code wat opruimen en je techniek een beetje bijscholen voordat je live gaat met deze site.
Ik krijg het niet voor elkaar met een overflow:auto. Dat kon ik al, alleen probleem is dat dan ook de vertikale scrollbar komt (en die wil ik niet, desnoods alleen zichtbaar, maar iig niet dat je ermee kan scrollen). Kortom nog niet opgelost.

@Webmakerij: Bedankt voor je commentaar en ik wil er best naar kijken, maar graag iets concreter. Prima dat je dat zegt, maar wel gaarne even aangeven wat er dan volgens jou fout is, want hier kan ik vrij weinig mee.
De bedoeling is trouwens dat de website rond 1 november echt live gaat, dus ik heb nog wel even de tijd.

PM me anders even wat er volgens jou "troep" is en wat onveilig is. Ook het touwtjes verhaal snap ik niet.

Design is mij inderdaad al vaker verteld, alleen ik ben geen echte designer. Niemand kan daar ook echte tips geven ofzo, dus voorlopig en zonder goede feedback zal daar toch weinig aan gebeuren. Commentaar is prima en daar wil ik best wat mee doen, maar dan gaarne wel tips hoe het dan zou moeten/beter kan...

/Update: Ik heb inderdaad 1 beveiliging probleem gevonden, ik was 1 htmlspecialchars vergeten. Die is toegevoegd en nu werken je tests wel. Bedankt dat je mij daar even op hebt gewezen :D
ps: Niet om even lullig te gaan worden, maar jouw websites zien er wel aardig uit, allen voldoen niet aan de HTML standaard.

Markei: 2 errors

http://validator.w3.org/check?uri=www.markei.nl&charset=%28detect+automatically%29&doctype=Inline&group=0

Vlaggenmasten: 42 Errors, 41 warning(s)

Rudolph steiner college: 364 Errors, 122 warning(s)

Atelier lokaal: 8 Errors, 9 warning(s)

Misschien even handig om daar naar te gaan kijken....?

Gelieve Niet Bumpen:

Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de knop om je tekst aan te passen.

SanThe.

Ik heb nog even gekeken, maar jouw probleem ligt niet bij:

<div id="gastenboekinfo">
<div id="gbberichtenheader"></div>
<div id="gbmessages" style="float:left;position:relative;width:620px;top:15px;margin-left:8px;margin-right:18px;">
</div>
</div>
</div>


(hoewel daar één </div> teveel is) Maar je probleem ligt bij het fijt dat je tabel (of iets anders) bij de div met id="gdmessages" groter is dan width: 620px. Daarom 'breekt hij uit': in jouw geval komt de scrollbar er.
Ik heb niet kunnen vinden wat het precies is, omdat het zo laat is en omdat er té veel html in stond. Maar dan weet je waar je moet zoeken. (in je PHP bestand staat vast minder html ;)

Ik hoop dat je t begrijpt, succes!
Bedankt voor het antwoord. Ik heb in mijn voorbeeld (uit mijn code) inderdaad 1 div teveel gezet.

Ik denk dat ik het wel begrijp alleen ik krijg het nog niet goed.

Ik heb uiteindelijk maar om de volledige div een scroll:auto gezet en dan de header aangepast (verkleind), daardoor lijkt het nu goed (alleen het is de verkeerde div die scrollt, maar goed het werkt.

Toch bedankt voor de moeite.
@Jacsoft je hebt een beveiligspuntje idd gevonden. Valid html zegt niet zoveel; het is geen xml. Daarnaast kan je error's indelen in verschillende categorien. Je hebt errors die ervoor zorgen dat het parseren van de pagina niet (goed) mogelijk is; b.v. afsluitende tags vergeten en je hebt errors die de usabillity (te moeilijk woord zo vroeg in de morgen) beperken zoals het ontbreken van alt-attributen.

Tip gebruik inspringen in je html, geen inline styles e.d. en kijk eens naar json
Hoi Webmakerij,

Bedankt voor je antwoord.
Inspringen zou ik kunnen doen. Mijn site is alleen helemaal opgesplitst in veel losse files (met includes) omdat hij in development zit (misschien hou ik het ook wel zo.). Dus inspringen gaat wel veel tijd kosten, maar dat is nog wel te doen.

Inline styles heb ik vaker gehoord, maar bepaalde dingen moeten inline. Dit omdat anders kleuren bijvoorbeeld niet gewijzigd kunnen worden. (background-color), maar ik kan nog wel iets meer naar CSS verplaatsen. Andere inline styles worden via javascript en AJAX in de DIV's geplaatst. Daar wil ik flexibiliteit behouden. Ik wil daar het deel volledig opbouwen via AJAX, dus daar zal inline style waarschijnlijk blijven staan.

JSON heb ik van gehoord, maar zie ik om eerlijk te zijn het nut niet echt van in. Ik kan er nog wel even naar kijken. Ik denk dat je op JSON doelt omdat je mijn javascript hebt gezien voor bijvoorbeeld de nieuwe leden of online leden aanpassen?

Reageren