Archief - Opeens een fout die ik niet zie (css related)

d

darkownage

Legacy Member

• 22 mrt 2009

• #1

Hallo,

We moeten voor school een siteje maken over een onderwerp dat we kiezen.
Nu ging alles goed tot dat ik wat begon te experimenteren, dit was mooi maar de inhoud kwam niet goed, dus besloot ik de oude versie terug te gebruiken maar nu is de kleur van mijn footer niet meer goed en ook wordt hij uitgerokken.

css : link
site : link
fout : link

Nu is de fout me niet echt duidelijk, want op het eerste zicht lijken mijn css en xHtml toch te kloppen (is ook valid) maar toch wordt het niet goed getoond in FireFox. In IE7 wel .

alvast bedankt.

G

Gamefactor

Legacy Member

• 23 mrt 2009

• #2

Probeer de volgende waardes eens aan te passen:

width: 800px;

Misschien heb je deze vergeten aan te passen...

d

darkownage

Legacy Member

• 23 mrt 2009

• #3

voor zover ik kan zien staan deze allemaal goed in mijn css

D

Dubbelpunt

Legacy Member

• 23 mrt 2009

• #4

dus de footer is 800px breed?

d

darkownage

Legacy Member

• 23 mrt 2009

• #5

Code:

.wrap{
	width: 800px;
	height: 700px;
	margin: 0 auto;
	position:absolute;
	top: 0px;
}

.header{
	width: 800px;
	height: 150px;
	background: url(images/okapihead.jpg);
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.navigatie{
	width: 800px;
	background-color:#6297BC;
	float:left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.inhoud{
	width: 800px;
	height: 500px;
	float: left;
	background-color:#CCCCCC;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.footer{
	width: 800px;
	height: 30px;
	background-color:#6297BC;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

alle width's staan op 800px, daarom dat ik het niet echt begrijp

B

BleKKie

Legacy Member

• 23 mrt 2009

• #6

float:left wegdoen bij je .inhoud css class en dan werkt het bij mij.

D

Drone

Legacy Member

• 23 mrt 2009

• #7

Je hebt ook nog id="wrap" staan en in je css doe je .wrap{}.

d

darkownage

Legacy Member

• 23 mrt 2009

• #8

wat moet het dan #wrap zijn ipv .wrap ?
Het rare is ook als ik dat via dw preview klopt het wel maar op mijn webspace dan weer niet
ik heb de float: left ook bij navigatie weg gedaan. Maar het ziet er toch nog hetzelfde uit

D

Dj Aero

Legacy Member

• 23 mrt 2009

• #9

voor id's gebruik je #. Weet dat je een ID slechts 1 keer mag gebruiken volgens xHTML strict, anders moet je classes gebruiken maar in dit geval zal het maar 1 keer gebruikt worden denk ik

Z

Zero Grav

Legacy Member

• 24 mrt 2009

• #10

For future reference: De breedte van een object is zijn width + horizontal-borders + horizontal-margins. Een deel van uw elementen zijn in dit geval dus 802 pixels breed in plaats van de vooropgestelde 800.