Uitrekbare site met css
10 februari 2007 - 17:36   
geplaatst door: Emerik
Ik heb via php include op een webpagina een menubalk, een side balk
(rechts) en een footer, nu heb ik er geen idee van hoe ik er moet voor
zorgen dat als het content gedeelte groter wordt dan de voorziene plaats
dat de footer naar beneden zakt. En ook dat het witte kader waar alles
in zit (op een grijze achtergrond) dus gepast mee groeit.

http://emerik.macuser.nl/proosdij3/
=> Dit is dus het probleem  :smile:

Helpt u de wereld al redden?
Uitrekbare site met css
11 februari 2007 - 23:14    reactie #1
geplaatst door: SantiBanks
je afmetingen in procenten opgeven ipv daadwerkelijke pixels, EM's etc. zou de job moeten doen...

[edit]
Even via de developer toolbar gekeken naar je site en even gekeken hoe je je blokelementen hebt gemaakt. Je moet je blokelementen iets anders gaan plaatsen en meer "wrappers" (blokelementen die puur bedoeld zijn om dingen bij elkaar te houden door deze in je html hierarchisch te plaatsen en met floats te werken en maten op te geven in je css) gaan gebruiken.

Mocht je er niet uitkomen laat het even weten...

[/edit]

(Bewerkt door SantiBanks om 23:24, 11-02-2007)

Uitrekbare site met css
12 februari 2007 - 00:08    reactie #2
geplaatst door: Emerik
Wow te veel onbekende woorden in één zin...  :blush:

Om te beginnen: wat zijn EM's?

Alvast hartelijk bedankt voor de hulp!

Helpt u de wereld al redden?
Uitrekbare site met css
12 februari 2007 - 10:45    reactie #3
geplaatst door: SantiBanks
em is een maateenheid die letterlijk betekend de grootte van je font. Dus als je font 14px is dan is 1 em gelijk aan 14 px. Het voordeel van het gebruik van deze maat is dat je op die manier een soort scalable css kan maken waarbij als mensen hun browser lettertype grootte kleiner of juist groter dan normaal hebben ingesteld, alles gewoon goed wordt weergegeven.
Uitrekbare site met css
12 februari 2007 - 10:53    reactie #4
geplaatst door: Emerik
Ok, maar ik zou eerst willen proberen de variabele hoogte willen
in orde krijgen, en dan deze verbeteringen aanbrengen.

1) Ik heb bv een class algemeen kader, die alle elementen bevat
van de site en die een witte achtergrond moet geven, dus boven
op de grijze achtergrond. Maar hoe zorg ik ervoor dat dit steeds
700px hoog is behalve als er meer content in staat, dan moet
het witte vlak uiteraard groter zijn.

2) Hoe zorg ik ervoor dat de footer steeds vlak onder het
algemene kader komt, ook als dit langer is geworden?

Helpt u de wereld al redden?
Uitrekbare site met css
12 februari 2007 - 11:51    reactie #5
geplaatst door: SantiBanks
Citaat

1) Ik heb bv een class algemeen kader, die alle elementen bevat
van de site en die een witte achtergrond moet geven, dus boven
op de grijze achtergrond. Maar hoe zorg ik ervoor dat dit steeds
700px hoog is behalve als er meer content in staat, dan moet
het witte vlak uiteraard groter zijn.


Je kan een minimale hoogte en breedte opgeven (min-height, min-width) dus dan is het minimaal zo groot en dan kan je nog gewoon je height op auto zetten zodat hij alleen maar langer wordt als dat nodig is.

Citaat

2) Hoe zorg ik ervoor dat de footer steeds vlak onder het
algemene kader komt, ook als dit langer is geworden?

Het komt er op neer dat je om alles nog een container moet zetten en dan daaronder je footer plaatst. Globaal gezien heb je dan een enorme container en een footer. Als je deze beide

float:left; meegeeft dan komt de footer automatisch onder de rest te staan...
Uitrekbare site met css
12 februari 2007 - 12:08    reactie #6
geplaatst door: Emerik
Thanks, ga ik zo snel mogelijk uit proberen!
Helpt u de wereld al redden?