Avatar billede deamill Nybegynder
13. december 2010 - 18:08 Der er 7 kommentarer og
1 løsning

kan ikke rigtig centere min div

Hejsa,

Jeg har behov for at centrere min div, men jeg kan ikke rigtig få den til det.


Gør jeg sådan her:


<center>
<div>
bla bla bla
</div>
</center>


Så centrerer den det ikke men den flytter venstre margin af min div ud i midten og starter der (i stedet for at flytter center af min div ud i midten).

Nogle gode ideer?

/Kenneth
Avatar billede keysersoze Ekspert
13. december 2010 - 18:11 #1
<div style="width: 100px; margin: auto;">bla</div>
Avatar billede DGudiksen Nybegynder
13. december 2010 - 18:46 #2
desuden er det aldrig godt at bruge <center>, da det er en forældet funktion :=)
Avatar billede deamill Nybegynder
13. december 2010 - 18:53 #3
ok, men den centrerer det ikke rigtigt :-/

Skal lige siges at jeg har en table inde i min div.
Avatar billede deamill Nybegynder
13. december 2010 - 18:56 #4
ahh, nu er jeg med, for at få dit eks. til at virke, så skal jeg bare lave min div med en width på 100%, så bliver det centreret.

Jeg prøvede at centrere min div, troede det var muligt, altså en div med en width på fx. 150, den ønskede jeg at centrere på skærmen.
Avatar billede keysersoze Ekspert
13. december 2010 - 19:25 #5
det bør ikke være nødvendigt med en div på 100% for at centrere en child-div - men der kan være mange ting so mgiver problemer så det er svært at komme nærmere uden kode. lykkedes det er i hvert fald et svar her.
Avatar billede ChristianRLarsen Nybegynder
13. december 2010 - 19:37 #6
Hvis jeg skal centrere min div gør jeg sådan her:

<div style="width:200px; margin-left:-100px; left:50%;></div>

Plejer dog at linke til en css fil op ordne det der(:
Avatar billede deamill Nybegynder
13. december 2010 - 19:39 #7
Her er min kode..

Ved i DIV'en nedenfor at angive width til 100%, så centrerer den min tabel, ellers gør den ikke.

<div id="myDIV" style="z-index:1;position:absolute;width:100%;height:0px;margin:auto;text-align:center;visibility:visible">
    <table id="PageMainFrame" cellSpacing=1 cellPadding=0 align=center border=0>


.....

    </table>
</div>
Avatar billede keysersoze Ekspert
13. december 2010 - 20:19 #8
hm - men nu spurgte du jo også til hvordan du kunne centrere en div og ikke en tabel?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester