nutella143 behöver inte mer hjälp
nutella143 74 – Fd. Medlem
Postad: 5 nov 2018 13:13

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 1287
Postad: 6 nov 2018 15:00

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

nutella143 74 – Fd. Medlem
Postad: 8 nov 2018 09:13

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

jek7 35 – Fd. Medlem
Postad: 8 nov 2018 10:38

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 74 – Fd. Medlem
Postad: 8 nov 2018 11:41

Tack! fick det att funka :D:D

Svara
Close