[HTML] Meescrollende image - Softwareontwikkeling

donderdag 4 oktober 2007 12:22

Acties:

Verwijderd

Topicstarter

Hallo,

ik heb een probleempje, ik zou graag een afbeelding(balk) uitlijnen tegen de onderkant van de browser.
De balk moet altijd onderaan staan.. ook als er gescrolled wordt moet de afbeelding zichtbaar onderaan de browser blijven..

hoe heet dit? of heeft iemand een script?

bedankt alvast!

donderdag 4 oktober 2007 12:23

Acties:

Invisible_man

Neem de html en css tutorials op w3cschools.com anders even door, daar staat dit in namelijk.

donderdag 4 oktober 2007 12:26

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

CSS; 'position:fixed'

http://de.selfhtml.org/cs...ften/anzeige/position.htm

is heel eenvoudig met wat zoekwerk op google te vinden hoor?

[ Voor 27% gewijzigd door RM-rf op 04-10-2007 12:27 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 4 oktober 2007 12:33

Acties:

Verwijderd

Topicstarter

RM-rf schreef op donderdag 04 oktober 2007 @ 12:26:
CSS; 'position:fixed'

http://de.selfhtml.org/cs...ften/anzeige/position.htm

is heel eenvoudig met wat zoekwerk op google te vinden hoor?

werkt alleen niet in IE7

dit heb ik nu:

//css
img
{
position:fixed;
bottom:0%
}
</style>

//div
<div class="img"><img src="cursor.png" width="19" height="34"/> </div>

donderdag 4 oktober 2007 12:48

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

gebruik eens

code:

1
2
3

HTML, BODY {
   height: 100%; width: 100%; margin: 0; padding: 0;
}

overigens, het is nutteloos om een extra DIV eromheen te plaatsen als je enkel een element wilt positioneren...

je kunt ook domweg de IMG zelf die positie toewijzen.

code:

1	<img src="cursor.png" width="19" height="34" class="img" />

werkt ook zonder de DIV

[ Voor 60% gewijzigd door RM-rf op 04-10-2007 12:50 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 4 oktober 2007 13:09

Acties:

Verwijderd

Topicstarter

Oplossing zodat het ook in IE7 werkt maar niet meer in IE6.
Alles werkt wel in firefox.. rot MS!

<head>
<title>testpage</title>
<style type="text/css">
body { margin:0; padding:0; height:1500px; }
#f1 { position:fixed; bottom:0px; left:0px; width:100%; height:20px; background-color:#afa; }
</style>
</head>

<body>
<div id="f1"></div>
</body>
</html>

bedankt voor de reacties

[ Voor 92% gewijzigd door Verwijderd op 04-10-2007 13:29 ]

donderdag 4 oktober 2007 13:25

Acties:

Kiphaas7

Verwijderd schreef op donderdag 04 oktober 2007 @ 13:09:
Nee werkt allemaal niet in IE7 daar was ik al bang voor..

is er ook een javascript variant te vinden?

Google eens op IE7 fixes voor dit probleem, google daarna op javascript varianten voor dit probleem.... De meeste hier worden niet blij als je got ziet als de spreekwoordelijke afhaalchinees.