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.
Inline styles heb ik vaker gehoord, maar bepaalde dingen moeten inline. Dit omdat anders kleuren bijvoorbeeld niet gewijzigd kunnen worden. (background-color),
Je kan het ook anders oplossen.
Bijvoorbeeld door verschillende stylesheets te maken en met javascript van stylesheet wijzigen. kijk ook hier http://www.alistapart.com/articles/alternate/.
Je kan alle inline styles weghalen en werken met meerdere CSS-bestanden en een style switcher. De meeste style switchers die je op internet vindt bieden ook ondersteuning voor cookies, waardoor de keuze van de gebruiker actief blijft bij een volgend bezoek.
Verder heb je gewoon een aantal vaste stylesheets die je allemaal include, maar waarvan er maar minimaal twee actief zijn.
Ik gebruik dit bijvoorbeeld voor lettergroottes aan te passen. Ik heb dan een screen.css met alle algemene gegevens (zoals de breedte van de container, hoogte van de header, etc) en minimaal twee stylesheets voor de font-size, etc (kan ik jouw geval natuurlijk de kleuren zijn) waartussen de gebruiker switcht.
Ik heb alle inline styles verwijderd (van de frontpage) en met javascript of via css stel ik die nu in. Ook ben ik met inspringen begonnen en is de frontpage al helemaal ingesprongen.
Op de andere pagina's ga ik nu hetzelfde toepassen. Bedankt voor de tips.
Dat inspringen in je HTML is niet nodig, wel makkelijk als je de broncode van je site wilt lezen (in de browser dus). Als dat niet nodig is maakt het niet uit dat de HTML niet ingesprongen is.
Sterker nog, niet inspringen (en geen nieuwe regels gebruiken) zorgt ervoor dat anderen moeilijker de bron kunnen lezen (maar nog steeds wel kunnen, dat zal altijd blijven) en, wat misschien nog wel belangrijker is, dat de bestandsgrootte kleiner blijft en dat scheelt opslag en dataverkeer.
Nee geen verkapte bump :D. Ik vind het alleen altijd wel netjes om toch te reageren op berichten om aan te geven of er iets mee gedaan is. Ik vind het wel leuk om te horen of een bepaald opmerking die je maakt ook ter harte genomen wordt. Dan weet je in ieder geval dat je het niet voor niks doet.
Ach het lezen van de bron zal mij een zorg zijn. Die hoef ik niet te hiden hoor. Hoeveel mensen zijn nou echt geinteresseerd in de source? En dan nog, wat kunnen ze er mee.
De bestandsgrootte dacht ik eerst ook aan. Mijn server is alleen een IIS server en ik heb gzip compression aan staan. Alles wordt dus al gecompressed verstuurd (bijna iedere browser kan dat aan tegenwoordig). Die max 1kb die het extra zal zijn dat zal de bottleneck niet zijn hoop/denk ik :D.
Ik vind inspringen zelf wel makkelijk tijdens het developen (waar ik voorlopig nog wel even mee bezig ben)
