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.
Ik zal eens kijken :)
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.
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..
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
In Safari ziet het er ook goed uit. Het plaatje komt alleen wel rete langzaam binnen, waarschijnlijk moet je deze nog een factor 10 comprimeren. Tip: Zorg er voor dat je hele pagina, incl. plaatjes, css, javascript, etc. niet groter is dan 50kb. Dat komt de snelheid zeker ten goede.
Waar wil je precies dat de footer verschijnt? Altijd onder aan het scherm, of altijd onderaan de pagina?
hier?
zelfde probleem als