login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Footer bij het content voegen(css/xhtml) (Opgelost)

Offline shonda - 25/04/2008 02:05
Avatar van shondaLid Ik probeer mijn voeter tussen de zijkanten en bij het content aan te sluiten maar werkt niet.
Ik heb al een hoop dingen geprobeerd.

Dit is de site: http://www.stuff4all.nl/site/pg.htm

De CSS: http://www.stuff4all.nl/site/style.css

Hoe het hoort te zijn: http://www.stuff4all.nl/bta/

Iemand die het weet?

Alvast bedankt!

6 antwoorden

Gesponsorde links
Offline Pellens - 25/04/2008 02:29
Avatar van Pellens PHP interesse Het is handig om te beginnen met alles in de 'algemene' div te plaatsen, een container...

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container {
  2. 	position:absolute;
  3.         ...
  4. }

Dan zou je alle andere div's hierin moeten plaatsen. Nu kan je makkelijk deze div's schikken (en zal je ook je doel bereiken  ). Check google maar eens voor het gebruik van positions.

Grtz
Offline shonda - 25/04/2008 10:28 (laatste wijziging 25/04/2008 13:00)
Avatar van shonda Lid Ten eerste, het werkt niet.
Ten tweede, het trekt mijn container verder naar links..

PS: had al een container, maar de css in de style="" staan.
Deze container:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="text-align: center ; margin: 0 auto ; position: absolute ; width: 1000px;">


heb position: absolute; wel eventjes laten staan ertussen, zodat je het resultaat kan zien.  

Misschien andere manier?

Citaat:
PieterC edit: Codetags aub!
Offline zointer - 26/04/2008 10:29 (laatste wijziging 26/04/2008 10:41)
Avatar van zointer HTML gevorderde Verander bij #text height: 364px; naar min-height: 346px;(<let op de px hoogte)

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #text
  2. {
  3. 	float: right;
  4. 	text-align: left;
  5. 	background-image: url('img/midden.gif');
  6. 	background-repeat: no-repeat;
  7. 	width: 674px;
  8. 	min-height: 346px;
  9. }


Maar je div opbouw zoals eerder gemeld is slecht.
Waarom min-height gebruiken en niet height, bij height zet je een vaste hoogte en bij min-height stel je een minimum hoogte in, dus bij vaste hoogte zal deze niet mee rekken(vanaf IE4 tot 6 deze ondersteunen min-height niet"geloof ik").
Offline shonda - 26/04/2008 16:38
Avatar van shonda Lid Bedankt! Dit werkt!  

Nog een vraagje.
Wanneer er inhoud komt, is het natuurlijk de bedoeling dat het gaat mee rekken.
het menu, de content en zijkanten en voet.
Maar de stippellijn bij het menu wil ik precies laten zoals het is(niet langer laten rekken.)

Hoe ga ik dit realiseren?
Offline zointer - 27/04/2008 10:27 (laatste wijziging 27/04/2008 11:22)
Avatar van zointer HTML gevorderde
shonda schreef:
Bedankt! Dit werkt!  

had ik ook niet anders verwacht 
shonda schreef:
Nog een vraagje.
Wanneer er inhoud komt, is het natuurlijk de bedoeling dat het gaat mee rekken.
het menu, de content en zijkanten en voet.
Maar de stippellijn bij het menu wil ik precies laten zoals het is(niet langer laten rekken.)
Hoe ga ik dit realiseren?

Deze vraag zag ik reeds aankomen.
Eerst en vooral is je slice zeer slecht, vb links en rechts die schaduw is 100px breed die kan makkelijk naar 15b x 2h(bij mij zou dat één img worden) zijn en zo kan ik maar door gaan.
Je hebt een voet en onder div dit kan makkelijk één div worden ook moest je die 100px opschuiven naar rechts en zo kan ik maar door gaan.
Hier is een aangepaste versie, jij moet enkel nog zelf uitvogelen hoe je de linkse en rechtse div laat meerekken.(zo zal je iets leren)

edit: er is was nog een fout bij vorige deze is beter, als de linkse div mee rekt zal die normaal je footer naar rechts drukken
Offline shonda - 28/04/2008 00:12
Avatar van shonda Lid Ik ga er morgen mee aan de slag, bedankt!  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s