webForumDet fria alternativet

Centrerad box längst ner

HTML & CSS

3 svar · 424 visningar · startad av SoulGod

Medlem sedan aug. 20051 200 inlägg
Frågan#1

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? :)

Medlem sedan juni 2003771 inlägg
#2

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>
Medlem sedan aug. 20051 200 inlägg
#3

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?

Medlem sedan aug. 20051 200 inlägg
#4

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!

261 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)