nutella143 är nöjd med hjälpen!
nutella143 76
Postad: 5 nov 2018

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?

HT-Borås 1500
Postad: 6 nov 2018

Om det gäller text borde du kunna göra något av typen "text-align: center;"

nutella143 76
Postad: 8 nov 2018

får texten centrerad i sina egna "divrutor" men får inte alal tre boxar i mitten

jek7 25
Postad: 8 nov 2018

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.

nutella143 76
Postad: 8 nov 2018

Tack! fick det att funka :D:D

Svara Avbryt
Close