Hallo,

ik ben voor onze vogelwerkgroep de site aan het herwerken (tevens mijn eerste site).

Mijn eerste probeersel staat hier: http://dhost.info/cinerea

Nu, dat moest allemaal wat rap gebeuren en heb ik het ineen geflanst om iets online te staan hebben (oude site: http://users.telenet.be/cinerea)

Nu ben ik alles wat aan het herwerken en ben een nieuwe template aan het maken (http://dhost.info/cinerea/layout_opnieuw.dwt.php).

Mijn eerste probleem bij de eerste versie (V1) was dat de sidebar (met navigatie) niet doorliep tot op het einde (handmatig nieuwe alinea's ingevoegd).
Dit heb ik nu opgelost door de kleur van de container aan te passen. Probleem hierbij was dat de maincontent niet aansloot op de header (grijze balk tussen header en main). Dit heb ik opgelost door de margin van de main op -50px te zetten.

1. De vraag is nu, hoe laat ik mijn footer aansluiten op de main? Dit lukte in eerste instantie, maar is om een of andere reden teniet gedaan.

2. De teller zou rechts in de footer moeten, op gelijke hoogte van de aanwezige tekst. Al geprobeerd met deze in een div te plaatsen en float rechts, maar werkt niet. Iemand een idee?

3. De kleur van de website: header, zijbalk en footer moeten grijstinten zijn ("cinerea"= as). Op de laptop van mijn vrouw is dat eerder een groenig wit. Hoe zit dat bij jullie?

4. Meer vragen volgen ONGETWIJFELD :wall:
:bow:

In je onder je menu staan allemaal
<p>&nbsp;</p>.
Deze verwijderen dan zal je footer aansluiten.
Je probleem in de footer is dat je teller de css overneemt van de
.twoColElsLtHdr #container

die &nbsp;heb ik in de originele versie aangebracht om mijn sidebar tot onderaan het scherm te laten lopen, en zo te laten aansluiten.
In de nieuwe versie (http://dhost.info/cinerea/layout_opnieuw.dwt.php) heb ik dit niet gedaan, en gewoon de container de achtergrondkleur gegeven, maar nu sluit de footer (dus in deze nieuwe versie) niet meer aan.

Dus toch de teller in een aparte div plaatsen en via css laten overrulen?

Ja dat is een goed plan voor je footer

Het probleem daar bij de footer is dat je een br clear heb staan een een p tag als je die beide verwijderd sluit de footer ook netjes aan.

Oef,

heb eindelijk de footer kunnen laten aansluiten op de maincontent.

Counter heb ik voorlopig weggelaten, lukt me niet.

Dit is het voorlopige resultaat: http://dhost.info/cinerea/index.php

Wat me nu opvalt is dat de pagina's op de webhost kleiner uitvalt dan wanneer ik ze bekijk vanop de computer. Ik bedoel dat de online pagina's een smallere container hebben dan de offline pagina's. Hierdoor wordt de tekst wel erg klein. Hoe komt dit?

Ik wil ook nog altijd feedback over de kleuren: dit moet een relatief donkergele body zijn met de footer en header donkergrijs en de sidebar grijs. Op de laptop van mijn vrouw is dit echter allemaal veel bleker. Hoe zit dat bij jullie?

Hier op mijn scherm thuis als op het werk is het reletief donkergeel header en footer is donkergrijs en sidebar is lichtgrijs.

Het kan aan het scherm liggen dat de kleuren anders getoond worden dan dat ze op een ander scherm er uit zien.
Dit kan te maken hebben met het type scherm hoe oud is het scherm staat het scherm met lichtval er in.
Videokaart eigenschappen enzzz dus kan veel zijn waarom het bij je vrouw er anders uit zie dan behoort te zijn.

Bedankt voor de feedback.

Het versmallen van de container is trouwens enkel maar met Firefox. Chrome, Opera en IE geven de bedoelde breedte.
Ik heb echter nog een paar probleempjes met IE voor mijn boxmodel :s

welke ie versie ?
Ik heb ie 8 en daar ziet het er goed uit.

IE7

Om de main op de header te laten aansluiten heb ik een negatieve margin ingesteld, waardoor ie in IE(7) een stuk in de header zit. Heeft waarschijnlijk met instellingen van die banner te maken.
Ook in te korte pagina's wordt er dan weer niet aangesloten op de footer.

Als jed at wil fixen dan kan je beter een losse css maken voor ie7 waar je dan de uitzonderingenn in zet zodat het ook goed eruit zie in ie7

Hier kan je meer info daar over vinden.
http://www.positioniseverything.net/articles/ie7-dehacker.html

Iemand een idee hoe het komt dat mijn ingestelde containerbreedte verschilt bij de offline versie in Firefox en de opgeladen versie (deze laatste is smaller)? Chrome, Opera, IE geeft online wel de ingestelde breedte weer.

Ik denk dat dat gewoon aan je instellingen van het beeld ligt bij Firefox?