Archief - xHTML/CSS: Positioning Probkes

http://home.tiscali.be/orezke/JSDP.be/

Ier is de site

http://home.tiscali.be/orezke/JSDP.be/styles/jsdp.css

Ier is de stylesheet...

Nu, lik daj ziet, snap je wel de bedoeling van de site, en zie je wel wat er niet gaat kloppen, in Firefox gaat em nog redelijk..., ma in IE ist al redelijk fucked up (is valid btw... strict xhtml).

Nu mijn vraag is: menne parent element waarin de topbar, navigation, rightbar en bottombar zich bevinden staat op height 100%, dus de zichtbare hoogte in je browser... Nu kwil da die bottombar, ONDERAAN de pagina hangt, en onderaan de pagina blijft hangen.... door middel van positioning BINNEN da parent element (kan natuurlijk ne aparte div maken onderaan da daar ook hangt te schommelen, alst ni onder kan....)

Mn tweede oplossing was 3 verschillende parent divs maken alst ni anders kan. Ene vo de topbar (header van 125 px hoog), ne middenstuk, (waarin je da navigation links terugvind, en rightbar rechts, en die rekt tussen header en topbar). En ne derde onderaan de pagina.. Nuja, ze gaan dan allemaal wel mooi over mekaar schuiven als je browser verkleint, en das nu juist wa ik wil vermijden... en tmoet in IE ook deftig zijn..)

Iemand hier die me kan helpen?

Wnr gaan ze die compatibiliteit probs s oplossen ad:

Als ge hem helemaal tegen den bottom wilt, zou ik in je css zetten


En dan met eent table werken die height 100% heeft.

Smoerf zei:

Als ge hem helemaal tegen den bottom wilt, zou ik in je css zetten

Code:

html   {
	height:100%;
	margin-bottom:0px;
         }

En dan met eent table werken die height 100% heeft.

Klik om te vergroten...

macheert ni echt :/

niemand die iets weet, anders gaak weer over naar e table design ze :/

Ik weet niet of het op een div werkt, maar op een table werkt het zeker, want ik heb het al gebruikt.

Smoerf zei:

Ik weet niet of het op een div werkt, maar op een table werkt het zeker, want ik heb het al gebruikt.

Klik om te vergroten...

mor ik wil div's , das heel de doelstelling van dees site , moet toch een oplossing voor zijn?, en daarmee zijn de andere positioning probs nog ni opgelost... ne pixel in IE is blijkbaar anders dan ne pixel in FF :/

gekend probleem en zal niet werken met 100% enz.

om diene blok onderaan te zetten zult ge javascript moete gebruiken denk k. of met z-index mss?


voor uw achtergrondkleur volledig te laten doorlopen naar onder: zet die kleur als backgroundimage, repeat-y.

een kleur als bg-image .... Ja hoor... EEN IMAGE VOOR EEN KLEUR :|

Btw, neem s ff mn css door IK ZET DIE SOURCE VOOR IETS EH :/

Sorry van de ietwat aggresieve reply, mor pff, ge doe dan moeite om alles schoon te zetten, en ge leest dan me moeite de thread. Of doet de moeite ni om de source te checken :/

hey sorry he maat, ma twas 00.10u. En de volgende ochtend moest ik er om 6u al uit om te gaan werken
En ik heb nog wel degelijk de moeite gedaan om die pagina's en uwe css te bekijken. Meer zelfs, ben in een oud project nog gaan kijken om te zien hoe ik het toen had opgelost. (maar kon het niet onmiddellijk terugvinden).

En ik heb niets fout getypt: "zet die kleur als backgroundimage" veronderstel dat ge slim genoeg zijt om te begrijpen dat ik wil zeggen: "maak van uw achtergrondkleur een image, met photoshop bijvoorbeeld, en laat die als background-image herhalen (repeat-y)". Tegen da k da had uitgetypt stak ik al in mijn bed

Soit, met een beetje geluk, en als niemand anders ondertss een oplossing heeft gegeven, zoek ik het nog wel es op..

kleine update:

http://home.tiscali.be/orezke/Positioning/positioning.htm

http://home.tiscali.be/orezke/Positioning/positioning.css

Nu me ne achtergrondimg werken voor de kleur is in mijn geval geen oplossing, ne div moet een bepaalde achtergrondkleur bevatten, maar OP die achtergrondkleur moet zich dan een Image bevinden... die gepositioneerd is

Nu werk ik met Containers & ID's, Werkt menne bottom enzo wel goed... Ma nu toont em dancer.gif nie in IE, en wilt em die |@#GNIIIIIII verrekte 100% height NIET doen! alhoewel dak al geprobeerd heb mn parent element height mee te geven, en mn parent parent element .... en ... mja soit

Darkbone? had jij hier geen ervaring mee *smeek *

*edit: ok, in vuurvosje is em nu helemaal zoals ik wil... Ma natuurlijk wilt IE ni mee, phuh

*edit2: http://home.tiscali.be/orezke/Positioning/quirksmode.htm

In Quirksmode werkt et al ietwat beter... mor toch nog altijd ni zoals het zou moeten. En tis ook ni echt de bedoeling dattek et in Quirksmode ga doen Ma toch om ff aan te tonen :/

*edit3: werkt zoals het moet in quirksmode, zowel op IE als FF :/ Doctype plaatsen = bye bye leute... No Doctype = bye bye Safari Users..