XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   margin: 0 auto (http://xhtmlforum.de/showthread.php?t=51796)

Frika 13.05.2008 10:46

margin: 0 auto
 
Hallo und guten Morgen,

ich steh grad auf der Leitung. Es ist doch richtig das man ein Element durch "margin:0 auto;" mittig im nächsthöheren Element ausrichten kann welches positioniert ist. Richtig?
Ich versuche das gerade mit einem Listenelement in dem ein Bild zentriert werden soll.
Hier beispielhaft der code:
Code:

        <head>
        <style type="css/text">
ul{width:530px; height:300px; border: dashed 1px #faad0e; list-style-type: none;}
.mid{position:relative; width: 400px; border: 1px solid #a20200;}
.mid img{margin: 0 auto; background-color: #faad0e;}       
       
       
        </style>
        </head>

        <body>
                <ul>
                <li class="mid"><img src="#" alt="" height="32" width="32" border="0"  /></li>
                </ul>
        </body>

</html>

So gehts aber nicht... Vielleicht kann mir jemand erklären warum, und wie es alternativ zu lösen wäre.
Vielen Dank
Frika

fricca 13.05.2008 11:11

Mit margin:0 auto werden Blockelemente zentriert. Ein img ist ein Inline-Element.
Entweder display:block für das Bild oder text-align:center für li.

Bitte poste immer vollständigen (Doctype!) validen Code und teste ihn selbst, bevor du ihn postest.
<style type="css/text"> -> keiner meiner Browser zeigt deine Styles.
Siehe auch: http://xhtmlforum.de/40080-f-r-frage...twortende.html

Frika 13.05.2008 12:06

Ahhh klar ... inline Element, na klar. Sorry für den Codeschnipsel. War nur schnell beispielhaft runtergeschrieben.
Danke nochmal für die schnelle Antwort
Frika


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:58 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023