3 svar · 422 visningar · startad av SoulGod
Jag vill göra en box som ska ligga centrerad längst ner på en sida.
Just nu har jag lagt den "sist" i kodningen, med följande enkla kod:
<div align="center"><img src="pic/logo/copy.png" /></div>
Har ställt in sidan på bottommargin = 0 , men utan hjälp..
Ändå lämnas det ändå en bit "under" bilden (ca 20 px)
Varför? Och hur får jag bort dom? :)
Styr divens position med css istället!
Detta förutsätter att du har en bestämd höjd på diven.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type=text/css>
#nere
{
position:absolute;
top: 100%;
left: 50%;
margin-left:-500px; /* halva divens bredd, negativt */
width:1000px;
height:150px;
margin-top:-160px; /* divens totalhöjd negativt, vill man ha den direkt mot botten så minska margin-top till 150px */
border:1px solid black;background:silver;
}
</style>
</head>
<body>
<div id=nere>
Innehållet i diven
</div>
</body>
</html>
Den lägger sig längst ner mot kanten, men om jag skrollar ner så följer den inte med, alltså att den ligger "ovanpå" det jag har bakom.
Den lägger sig inte heller centrerad ordentligt.
Jag som gjort fel, eller är det så det "ska" bli?
Tog en feg väg ut - la en bild längst ner med avrundade hörn ;)
Tack för hjälpen, ska klura lite vidare på det där, se om jag kan lyckas perfekt sen!