Avatar billede Morten Professor
16. februar 2017 - 09:40 Der er 5 kommentarer og
1 løsning

Center <div>

Hej Eksperter

Jeg har været igang med at rode med at få min float centeret så det ser noget pænere ud.
lige nu starter den bare fra venstre side helt ud til browseren og så ender med et mellemrum fra browseren, vil helst gerne have lige meget loft fra begge sider.
Min kode:

<style type="text/css">
        #container
        {
            text-align:center;
            margin:0 auto;
            display:table;
        }
        #container div
        {
            float:left;
            padding:5px;
            display:cell;
        }
        </style><div id="container">
    <?php do { ?>
      <?php
if($row_rsIb_arkiv_billeder['solgt'] == NULL) {
                   
            echo '<div>';
            echo '<a href="../Uploads/'.$row_rsIb_arkiv_billeder['billednavn'].'" rel="lightbox[roadtrip]">';
                    echo '<img height="140" width="166"  src="../Uploads/thumbs/'.$row_rsIb_arkiv_billeder['billednavn'].'">';
                    echo '</div>';
                   
                      } ?>
      <?php } while ($row_rsIb_arkiv_billeder = mysql_fetch_assoc($rsIb_arkiv_billeder)); ?>

Håber der er nogen der kan hjælpe.
Har kigget en del på nettet men ser ikke ud til a virke for mig.

Med venlig hilsen
Morten
Avatar billede keysersoze Guru
16. februar 2017 - 09:52 #1
Ikke forstået? Hvis du floater left vil din div selvfølgelig placere sig til venstre - vil du have en div centreret så sæt en bredde og margin auto.
Avatar billede Morten Professor
16. februar 2017 - 10:03 #2
Ja men den skal være centeret så der er lige meget left i begge sider, man bliver nød til at starte et sted med float og det er tilfældigvis left. men centeringen er så der ikke. text align er ikke lige til hjælp
Avatar billede Morten Professor
16. februar 2017 - 10:09 #3
Ala {
            text-align:center;
            width:89%;
            margin:0 auto;
            display:table;
        }
        #container div
        {
            float:left;
            padding:1px;
            display:cell;
        }
Avatar billede Morten Professor
16. februar 2017 - 10:09 #4
Kan godt se det hjælper på det
Avatar billede keysersoze Guru
16. februar 2017 - 10:12 #5
text-align er beregnet til at centrere text og ikke et element - som nævnt så benyt margin auto og en bredde. Hvis bredden er ukendt skal der formentlig benyttes et ikke-block-element - og er det reelt teksten, eller billeder, der skal centreres er en div bare med text-align center nok.
Avatar billede Morten Professor
16. februar 2017 - 10:23 #6
Det hjalp det du skrev med width. Så det er pænere nu.
Tak for hjælpen :o)

Med venlig hilsen
Morten
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