Div achtergrond werkt niet goed.
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.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;
}
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?
voorderest zie ik zelf geen fouten
mooie site trouwens :)
hier te lezen;
http://www.siteexperts.com/forums/viewConverse.asp?d_id=17779
probeer eens height weg te laten
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.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
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
}
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 :/
kun je geen align: center; doen in css?
Robert:
html, body {
height:100%;
width:100%;
}
height:100%;
width:100%;
}
Die herken ik ergens van:P
Alles komt dan in de container...
Gebruik dan ipv hoogte en breedte margin en padding..
Bijvoorbeeld container:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
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;
}
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;
}
Gewijzigd op 01/01/1970 01:00:00 door Danny K
Klopt als een bus, daarmee heb jij me zo mooi geholpen.. En bij mij werkt het, dus hier zou het ook moeten werken.
ps: hij selecteert bij mij niet de goede css hoor.. dit wou je door middel van javascript doen..
Gewijzigd op 01/01/1970 01:00:00 door Danny K
Maar laat het maar ff zo, word er moe van -_-
Kan iemand aub even kijken?
EDIT: sorry laat maar die gast is kennelijk heel erg scheel :S
Gewijzigd op 01/01/1970 01:00:00 door Leo
Dan wil ik er vanavond wel voor je naar kijken
Ik heb zoveel mogelijk weer terug naar normaal gezet, de file heeft:
Mappen met images en subheaders
IE & FF style sheet
index.php
Link: @ je PM box ;)
Gewijzigd op 01/01/1970 01:00:00 door Leo
Waar moet ik het heen sturen / uploaden of whatever?
Je moet alleen zelf wel weer ff je php code erin plaatsen want dat heb ik verwijderd ;)
Het staat nu ook in een html bestandje dus je kan het zelf zo overal inproppen :-)
ik heb getest in IE en FF en op 1024*768 & 1280*1024
Edit: heb je even ge-add, en alvast bedankt.
Gewijzigd op 01/01/1970 01:00:00 door Leo
