hjälp med att centrera div-element
har gjort en "hemsida" där jag i min footer har lagt till tre div-element som jag vill ha på rad men centrerat
#footer {
width: 100%;
font-family: 'Arial bold';
font-size: 20px;
color: blue;
clear: both;
}
#div1, #div2, #div3
{
float: left;
margin: 0 auto;
}
ändå hamnar allt intryckt mot vänster istället för att "jämna ut sig" vad gör jag för fel?
Om det gäller text borde du kunna göra något av typen "text-align: center;"
får texten centrerad i sina egna "divrutor" men får inte alal tre boxar i mitten
Trixet med margin:atuo fungerar bara om elementet inte är lika brett som sidan, vilket en DIV är som default (du sätter det sessutom explicit till 100%, testa med 50% så ser du hur den blir lite mer centrerad).
Jag antar att du inte har fast bredd på de tre div:arna den omsluter, och därmed inte kan sätta en fast bredd i pixels på footer heller. Ett alternativet då är att göra om den till "display: inline-block", vilket får den att automatiskt bli så stor som behövs för att täcka innehållet; de tre div1-3.
Men när den är inline-block fungerar inte längre margin:auto, utan då svarar den istället på text-align:center. Då du förmodligen inte vill sätta det på hela BODY, behöver du ha dubbla div som omger de tre innerdivvarna, så du kan sätta text-align på den yttre och inline-block på den inre.
Tack! fick det att funka :D:D