5 svar · 286 visningar · startad av Pontus Thor
Hejsan, jag vill lägga in bild i högra, nedre hörnet på en webbsida. Första tanken var:
<table width="100%" height="100%">
<td align="right" valign="bottom"><img src="..."></td></table>
Fast eftersom height i <table> INTE är en standard stöds den inte av alla webbläsare... =(
Någon annan lösning på problemet? Hälst UTAN att använda css2 om det går...
Tror inte det går utan både height och css. Möjligtvis med javascript.
Nexus86 skrev:
Tror inte det går utan både height och css. Möjligtvis med javascript.
Om det inte finns någon lösning med html eller css1 duger en css2 lösning... ;)
<table width="100%" style="height: 100%">
<td align="right" valign="bottom"><img src="..."></td></table>
Nu är inte jag kung på css så jag vet inte vad som är css1 och css2 men ändå. ;)
Jag vet inte om det funkar i alla webläsare eller om det följer alla standarder som finns men det funkar för mig med detta iaf:
<div id="pos" style="position: absolute; bottom: 10px; right: 10px"><img src="bild.gif" height="15" width="15"></div>
Kanske så här då?
<html>
<head>
<style type="text/css">
<!--
body {Background-color:green; Width:100%; Height:100%;
Font-family:Arial,Helvetica,Verdana,Sans-serif;Font-size:18px;color:white;}
.bild { width:50px; height:50px;}
-->
</style>
</head>
<body >
<DIV style="position:absolute; bottom:1%; right:1%">
<IMG SRC=dinbild.jpg class=bild>
</DIV>
En masa text eller bilder<BR>
Eller precis vad du vill här<BR><BR>
Om du vill ha bilden ännu längre ner och till höger <BR>
så går det även att ange negativa tal för position:absolute
</body>
</html>