layout klopt niet

[Ronnie1967]

Hallo allemaal
Ik heb een probleem met mijn site (http://home.kpn.nl/doesb048/)
als je de site opent staat er in de koptekst een streep, mijn scroll gedeelte begint hier ook te scrollen.
Ik heb werkelijk geen idee hoe ik dit moet oplossen. ik heb een aantal site's opnieuw moeten bouwen omdat die niet meer leesbaar waren?? maar dit doet hij op alle pagina's.
Wie kan me helpen.met googelen kom ik er niet uit en ik ben een leek op dit gebied

bedankt maar weer ,

ron

 

[5i5]

Het komt door je border in #rightcolumn. Je kunt twee dingen doen, border compleet weghalen of de border-top instellen op 0px solid #CCC;.

 

[csshunter]

Hoi Ronnie,
Om even snel van dat streepje door de koptekst af te komen, kan je uit je styles.css wissen het regeltje:

#rightcolumn {
   ...
   border: 1px solid #ccc;
   ...
}

Dat is een dun grijs lijntje om het blok "rechterkolom" heen. Het lijntje zit ook aan de linker-, rechter- en onderkant van de rechterkolom, maar daar valt het niet op omdat het vrijwel hetzelfde grijs is als de achtergrondfiguur. Alleen als je héél-héél-héél goed kijkt op precies de goede plek, kan je dat zien. Maar maak er maar eens van:

#rightcolumn {
   ...
   border: 1px solid red;
   ...
}

... dan zie je de boosdoener heel duidelijk. :d

De werkeloze scrollbars zitten er vanwege de:

#rightcolumn {
   ...
   overflow: scroll;
   ...
}

Als je daarvan maakt:

#rightcolumn {
   ...
   overflow: auto;
   ...
}

... dan komen er alleen scrollbars als ze echt nodig zijn.

Succes!
CSShunter

 

[Ronnie1967]

Hallo mannen, bedankt voor jullie antwoorden en sorry voor mijn late reactie. ik heb jullie aanwijzingen opgevolgd en ben het lijntje nu inderdaad kwijt. wat er nu gebeurt is dat de scroll text door mijn titel heen loopt, enig idee hoe ik dat kan oplossen? een tweede probleem waar ik niet uikom is zijn twee items die over elkaar heen lopen. als je naar zwitserland, reisverslagen2009 gaat zie je de arreslee achter de foto verdwijnen, als ik die pagina open sharepoint staat wel alles wel goed en zie je arreslee keurig boven de foto.
alvast weer bedankt

ron

 

[THWIT]

<div class="style5" id="rightcolumn"> 
	Welkom op onze website, op onze website hebben we items staan die we graag 
	met anderen willen delen. Er staan verhalen over onze vakantie's op en onze 
	huisdieren krijgen ook de nodige aandacht. We hopen dat jullie het leuk 
	vinden om op onze site rond te kijken.<br>
	<br>
	<br>

Veranderen in:

<div class="style5" id="rightcolumn"> 
        <br>
	Welkom op onze website, op onze website hebben we items staan die we graag 
	met anderen willen delen. Er staan verhalen over onze vakantie's op en onze 
	huisdieren krijgen ook de nodige aandacht. We hopen dat jullie het leuk 
	vinden om op onze site rond te kijken.<br>
	<br>
	<br>

prob. 2:

<div class="style4" id="rightcolumn"> 
	<p class="style8">
<img width="484" height="313" alt="bergen" src="afbeeldingen/reisverslag-zwitserland-kerst_2009/Zwitserland%20winter%202009%20deel%208%20007.jpg"></p>

naar:

<div class="style4" id="rightcolumn"> 
	<p class="style8">
<br>
<br>	
<br>
<br>
<img width="484" height="313" alt="bergen" src="afbeeldingen/reisverslag-zwitserland-kerst_2009/Zwitserland%20winter%202009%20deel%208%20007.jpg"></p>

Ik hoop dat het zo goed is.

 

[Ronnie1967]

Hoi bedankt voor je hulp, mijn `zwitserland`pagina is weer goed. dat andere probleem heb ik op alle pagina's kan ik dat ook in een keer oplossen?

ron

 

[5i5]

De enige oplossing die ik daarvoor weet is position: absolute toevoegen aan header. Nadeel is wel dat de header dan 'niet gezien wordt' door andere elementen.
Je zult dan dus aan de onderliggende elementen leftcolumn en rightcolumn een padding-top moeten toewijzen. Deze padding-top is gelijk aan de hoogte van header + padding-top van header + padding-bottom van header + de oude padding van right-/leftcolumn.

Ik weet niet of er slimmere manieren zijn, maar dit is de slimste die ik weet.

 

[csshunter]

Op de Zwitserland-pagina kan je de start van de inhoud onder i.p.v. dwars door de arreslee gewoon oplossen met:

#rightcolumn {
   ...
   [COLOR="DarkRed"]border:[/COLOR]
   margin: [COLOR="DarkGreen"]75px[/COLOR] 0px 5px 0px;
   ...
}

als je dan wel erboven even de halflege regel met border: er uit haalt, want die versjtiert de zaak een beetje doordat er geen waarde en geen puntkomma achter staat.
Dan werkt het ook op de andere pagina's: dan lopen die ook niet door de kop heen.

Met vriendelijke groet.
CSShunter

PS:
Nu lees ik weer 's mijn eigen handtekening hieronder, en inderdaad: de css-validator (de EHBO) zegt het ook: kijk.
- Dus tip voor snelle beterschap: eerst even langs de EHBO! (dat scheelt weer uren wachten op de helpmij-doktoren)

 

[Ronnie1967]

hoi css hunter,

bedankt voor je hulp, alles werkt weer zoals het moet. ook bedankt voor je link, ik begrijp daar niet alles van maar het helpt wel.
ik had al eerder de validator gebruikt maar kreeg toen alles in het engels en dan wordt het voor een digibeet als ik wel lastig, ik heb de link als favoriet opgeslagen. Ik ben nou eenmaal een hobbyist.
Ik heb nog een domme vraag, Ik ga een domeinnaam aanvragen en de site bij een provider plaatsen, werkt het oploaden dan net zo of moet ik nog aan andere dingen weten.

nogmaals dank,

ron