Afbeelding schalen & Rechts onderin
Ik wil graag de achtergrond van mijn website schalen, voor bijvoorbeeld kleinere beeldschermen.
Ook wil ik hem rechts onderin van mijn scherm hebben, hier moet hij gefixeerd zijn zodat de pagina eroverheen kan scrollen.
Naar mijn weten moet ik dat een paar dingen doen in mijn css:
- Positie gefixeerd
- Bodem 0 pixels ruimte
- Rechts 0 pixels ruimte
- Breedte 100% van pagina
- En z-index -1.
Voorbeeld:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
img.bg {
width: 100%;
position: fixed;
bottom: 0;
right: 0;
z-index: -1;
}
width: 100%;
position: fixed;
bottom: 0;
right: 0;
z-index: -1;
}
Nu zijn er 2 problemen:
- Op de ipad hou ik een vreemde ruimte aan de zijkant over, en trekt hij hem niet tot de onderkant van het scherm.
- Internet Exploreren schijnt geen position fixed te kennen.
Iemand een idee over hoe ik dit kan oplossing, heb al op vele dingen gegoogled maar kan het niet vinden, zelf ben ik ook inspiratie loos.
Gewijzigd op 07/02/2011 19:56:28 door Milo S
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
* {
margin:0px;
padding:0px;
}
body {
position: absolute;
bottom: 0;
right: 0;
background-image:url('url/naaar/jouw/plaatje.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}
margin:0px;
padding:0px;
}
body {
position: absolute;
bottom: 0;
right: 0;
background-image:url('url/naaar/jouw/plaatje.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
* {
margin:0px;
padding:0px;
}
body {
width:100%
background-image:url('url/naaar/jouw/plaatje.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
}
margin:0px;
padding:0px;
}
body {
width:100%
background-image:url('url/naaar/jouw/plaatje.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
}
Een afbeelding rechts onderin krijgen lukt me
Een afbeelding schalen ook
Dit beide ook
Helaas werkt alleen de ipad weer tegen, en werkt het daar niet...
Door js de resolutie laten kijken ofzo iets?
Of zeg ik iets doms haha?