div block height met verschillende schermresoluties

Status
Niet open voor verdere reacties.

foxserv

Gebruiker
Lid geworden
30 apr 2006
Berichten
11
Hoi,

Heb een website gemaakt waarin ik gebruik maak van div classes in css om het scherm in te delen. De basisvlakken zijn allemaal voorzien van een "relatieve" afmeting, breedte en hoogte in %. Heb de site gebouwd op basis van een 19" scherm met resolutie 1280x1024. Sommige blokken krijgen een verticale scroll bar omdat de tekst "eruit loopt". De onderkant van deze scroll bars
( met pijltje down ) sluit op mijn PC scherm prima aan op de "onderkant" van het beschikbare blad. Echter, als ik dezelfde site test op mijn laptop, met een resolutie van 1024x768, verdwijnt het onderste deeltje - met pijltje down - onder de status bar!!! Dacht eerst nog dat het lag aan de grotere serie toolbars bovenaan mijn laptop browser(s), maar dat hielp niet. Ben dus heel benieuwd waar dit nou aan ligt. Dacht namelijk dat ik door gebruik van % afmetingen juist dergelijke afwijkingen zou ondervangen, maw dat die 80% ( voorbeeld ) wordt gebaseerd op de beschikbare browser scherm ruimte???? Overigens maakt het daarbij niet uit welke browser het is. Heb op mijn laptop IE, FireFox en Chrome getest.

Wie het antwoord weet mag het mailen o.v.v. de titel naar foxserv@xs4all.nl

Groet
Foxserv
 
misschien even een linkje (of code)?

de antwoorden kunnen toch gewoon hier gepost worden?
 
Dit zijn de belangrijkste css classes. De eerste - content - is de container waarin de tweede - content_page - wordt weergegeven. Heb de overflow auto expres in de tweede gelegd omdat andere containees ( zeg je dat zóó ??? ) strak binnen de container moeten blijven en ik begrepen had dat je specifieke instellingen het beste zo 'diep' mogelijk kan leggen.

.content
{
float: left;
margin: 0px;
padding: 0px;
width: 90%;
height: 80%;
overflow: hidden;
background-color: white;
background-image: url("images/background.jpg");
background-repeat:no-repeat;
background-position: top center;
}

.content_page
{
float: left;
margin: 0px;
padding: 0px;
background: transparant;
width: 100%;
height: 85%;
text-align: justify;
overflow: auto;
}

Antwoorden kunnen natuurlijk ook hier gepost worden. Was alleen niet zeker ( meer ) of ik daar meteen een notification van zou krijgen en aangezien ik mijn mail vaker en meer check dan dit forum ......

Foxserv
 
kun je misschien ook de html posten?

ik denk dat het containers is, containees klinkt een beetje als een chinees achtige taal :p
 
Met containees bedoelde ik de containers die children van parent containers zijn ... een beetje zoals trainers en trainees. Anyway, heb hiermee nog steeds geen antwoord op mijn vraag. Met al die alwetende goeroes op dit forum moeten er toch algemene aanwijzingen/tips/tricks gegeven kunnen worden zonder dat men tot op detail mijn code/situatie kent???? Nu heb ik er ook weer een vergelijkbaar probleem bij!!! Twee blokken, tesamen 'slechts' 90% waarvan er één right align-ed, worden nu ineens in Firefox of Chrome met een resolutie van 1024x768 ineens niet meer netjes naast elkaar geplaatst!!!!
Sorry voor mijn wat heftige aggresieve taal, maar raak er onderhand een beetje (erg) gefrustreerd van. Wat is het nut van het gebruik van relatieve, procentuele afmetingen als niet alle browsers onder alle resoluties daarmee automatisch goed omgaan???? Daarnaast blijf ik ervan overtuigd dat er genoeg algemene tips etc. te geven zijn, die ik éérst kan toetsen. Als dat ook niet helpt kan ik altijd nog met iemand afspreken eens samen one-on-one naar de specifieke situatie te kijken ... maar zeker niet via een forum.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan