"Jakob Munck" <admin@seniorxxgroup.dk> writes:
> Jeg er webmaster for en site (
www.forfatterkvarteret.dk) hvor vi gerne vil
> have det store forsidebillede tilpasset i størrelse til størrelsen af
> brugernes browser (IE),
*Ved* du at brugeren bruger IE? Ellers kan man lige så godt sørge for
at det virker i flere browsere.
> således at forsiden altid fylder hele browseren og der ikke kommer
> elevator i højre side.
Du har altså *et* billede, og vil gerne have det forstørret så det
passer i størrelsen til browservinduet.
Scrollbaren er der altid i IE, men hvis billedet passer i størrelsen,
så er der ikke nogen slider (elevator, sødt navn).
Det vil strække billedet, hvis højde/bredde-forholdet ikke er det samme
for browservinduet som for billedet. Er du interesseret i det, eller
skal forholdet også bevares?
> Men det kræver at vi får information om brugerens browsers størrelse og om
> hvilken indstilling han har valgt (visning af store ikoner?).
Det burde være nok at kende browserens viewports størrelse.
> Kan det lade sig gøre?
Det skulle jeg mene. Sørg for at fjerne margin og padding fra body,
så det ikke ødelægger beregningen.
---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html lang="dk">
<head>
<title>Min Fede Forside</title>
<style type="text/css">
html,body,div,img {
margin:0px;
padding:0px;
border:none; /* til hvis billedet er inde i et link */
background:black; /* baggrundsfarve */
}
</style>
</head>
<body>
<div><a href="fortsæt.html"><img
src="mitForsidebillede.png" id="bld" name="bld"></a></div>
<script type="text/javascript">
function setImageSize() {
var root = (document.documentElement||document.body);
var width = (window.innerWidth || root.clientWidth);
var height = (window.innerHeight || root.clientHeight);
if (width && height) {
var img = document.images['bld'];
img.style.width = width + "px";
img.style.height = height + "px";
}
}
setImageSize();
document.body.onload = setImageSize;
window.onresize = setImageSize; // hvis vinduet ændrer størrelse
</script>
</body>
</html>
---
Testet i IE6 og Opera 7. Giver dog scrollbarer i Mozilla FB.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:
http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'