DIV rechts 100%

[loeffem]

Goedemiddag,

op www.klanten.trucks.nl/cleanmat09 staat een website waarmee ik bezig ben. Zodra ik de content_right div op 100% zet (content met weerbericht en lokale tijd) valt deze weg onder het einde van de pagina(hij lijkt hier 122px oid van boven te pakken). Vooralsnog staat de content_right div(in main_right div(100%)) op 78%, maar ik zou een manier willen weten om deze hetzelfde als aan de linkerkant op elke pagina onderaan de pagina te plaatsen zonder dat er geen scrollbalk komt.

Ik zou graag een oplossing horen voor deze "uitdaging"

Dus ik wacht geduldig af. Misschien dat hier een hele makkelijke oplossing voor is en dat iemand hier weet hoe ik dit het beste kan oplossen.

 

[peter vazed]

Je bericht snap ik niet helemaal..........

evenwel trek ik je site naar binnen -rechterzijde met muis-
dan kan ik het middendeel niet meer lezen.

En oef oef:
Errors found while checking this document as XHTML 1.0 Transitional!
Result: 79 Errors, 14 warning(s)
bij:
http://validator.w3.org

 

[loeffem]

Je bericht snap ik niet helemaal..........

evenwel trek ik je site naar binnen -rechterzijde met muis-
dan kan ik het middendeel niet meer lezen.

En oef oef:
Errors found while checking this document as XHTML 1.0 Transitional!
Result: 79 Errors, 14 warning(s)
bij:
http://validator.w3.org

Hallo Peter. Er hangt achter deze website een hele database structuur en er wordt ook ASP code in gebruikt vandaar deze foutmeldingen.

Zal hieronder de CSS stylesheet even inpompen. Misschien dat je het 1 en ander kan reconstrueren?

html, body {
margin: 0px;

background-color:#ffe8d3;

}

#container {
background-color:#ffe8d3;
width: 100%;
height: 100%;
}

#content_right {
padding-left: 3px;
margin-top: 5%;
border-color: #ef7d1b;
border-style: solid;
border-width: 1px;
width: 189px;
float: right;
background-color: #FFF;
height: 78%; <!-- zodra deze op 100% gaat krijg ik een marge aan de rechterkant -->
}

#vulling_rechts {
margin-left: -1px;
margin-top: 12px;
border-color: #ef7d1b;
border-style:solid;
border-width: 1px;
background-color: #ee7c19;
width: 192px;
float:right;
}

#weather {
margin-left: 30px;
margin-top: 100px;
background-color: #ffe8d3;
}

#luchtfoto_slide {
padding-left: 4px;
width: 190px;
margin-left: -1px;
}

#main_right {
position: absolute;
right: 0px;
top: 0px;
width: 195px;
height: 100%; <!-- hij lijkt deze hoogte mee te nemen -->
}