PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
L

Div achtergrond werkt niet goed.

Door Leo op 22-05-2006 15:45
3.589 views
Hoi,

Ik heb nu een div voor mijn achtergrond zodat ze altijd gelijks bij de footer komen, alleen dit werkt nu nog niet zoals het hoort, firefox wil de height of de image niet goed weergeven.

css:

.content {
	width: 1000px;
	height: 100%;
	background: url('images/content_background.gif') repeat-y;
	}

.content_main {
	width: 654px;
	height: 100%;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 6px;
	}

.content_right {
	width: 320px;
	height: 100%;
	float: right;
	padding-top: 10px;
	}


Url: http://www.worldofzelda.com

De content div ligt dus achter de content_main en content_right div. Alleen in firefox werkt het nog niet, iemand een oplossing?
Wout van der Burg
22-05-2006 15:56
zoek eens of de functie repeat-y in FF wel werkt..
voorderest zie ik zelf geen fouten
mooie site trouwens :)
R
Robert Deiman
22-05-2006 16:09
@Geert

je hoeft Height niet weg te laten. Begin je .css met dit:

html, body {
height:100%;
width:100%;
}

Maak dan een div --> Container
en weer in je css:
.Container {
height:100%;
width:100%;
}

Binnen in die div Container zet je de rest van de div's enzo. Gebruik de div Container alsof het je HTML pagina is.
L
Leo
22-05-2006 16:13
Ik zal eens kijken :)
L
Leo
22-05-2006 16:24
Ik heb nu dit:


html {
	height: 100%;
	width: 1000px;
	}

body {
	margin:0px auto; 
	height: 100%;
	width: 1000px;
	background: url('images/background.gif');
	border-left: 1px solid #658f3d;
	border-right: 1px solid #658f3d
	}


en dat ziet er scheef uit in firefox :/ (check source)

Container div maakte geen verschil iig, en height weghalen ook niet, nu zit hij maar tot de helft van de pagina :/
Wout van der Burg
22-05-2006 16:43
mwa vind het er nog best mooi uitzien :)
kun je geen align: center; doen in css?
K
Kalle P
22-05-2006 18:57
Robert schreef op 22.05.2006 16:09

html, body {
height:100%;
width:100%;
}


Die herken ik ergens van:P
D
Danny K
22-05-2006 19:11
Misschien moet je in de body een container div plaatsen.
Alles komt dan in de container...
Gebruik dan ipv hoogte en breedte margin en padding..

Bijvoorbeeld container:

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

container {
  	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url("images/content_background.gif");
	background-repeat: repeat-y;
}
R
Robert Deiman
22-05-2006 19:15
@Kalle

Klopt als een bus, daarmee heb jij me zo mooi geholpen.. En bij mij werkt het, dus hier zou het ook moeten werken.
L
Leo
22-05-2006 19:19
Het werkt niet, ik heb een container gemaakt waar alles divs in staan alleen dan verschijnt er geen achtergrond img, dus padding en margin zullen het niet doen..

Reageren

Inloggen om te reageren