Hejsan!
jag har en box, main, med en absolute position. Hur gör jag för att centrera den på min skärm (horisontellt)?
Centrera absolute
5 svar · 455 visningar · startad av Gildebrand
Såhär:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
#box{
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 500px;
margin-top: -250px;
margin-left: -250px;
border: 1px #000 solid;
}
</style>
</head>
<body>
<div id="box"> </div>
</body>
</html>
Ange margin-left/top negativt, och alltid hälften av värdet för width/height.
Funkade inte, inget händer, utan bara vänsteralignad.
EDIT: Hade glömt ett semikolon, nu funkade det :
EDIT: Hade glömt ett semikolon, nu funkade det :
Glöm inte att "Markera som lösning" så snart dom byter tillbaka till det gamla, fula temat :)
Det är skitsnyggt ju. Letade efter den men hittade inte, så det är väl temat som gör det
Precis, länken finns inte det här nya snygga, därför får du vänta till April nästa år när dom byter tillbaka till det gamla fula... ;=)