Firefox Logo zentrieren v-align text-align

1234d1

Hallo,
ich möchte gerne das Firefox Logo von der Vertikalen als auch der
horizontalen zentrieren. Leider werden die Stylebefehle nicht angenommen.
[Blockierte Grafik: http://www.abload.de/img/pic0208uyi.png]

HTML

<html>


<head>
<title>Testlayout</title>
</head>


<body>




<div style="background-color:#B4B4B4; height:350px; width:100px; color:#FFFFFF; font-family:Calibri; float:left; margin:10px; padding:10px;">
Testnachricht, dies ist ein Test.
</div>
<div style="background-color:#3F3F3F; height:370px; width:600px; color:#FFFFFF; font-family:Calibri; padding:10px;">

    <div style="background-color:#B4B4B4; height:100px; width:100px; color:#FFFFFF; font-family:Calibri; float:right; margin:10px; padding:5px; border:2px dotted #FCFCFC;">
    <img src="firefox_huge.png" border="0" title="Firefox" height="50px" width="50px" style="vertical-align:middle; text-align:center;">
    </div>
    Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text.  Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. 


</div>


</body>


</html>

Alles anzeigen

Danke

Macrosdesign

geb dem bild eine feste breite und eine feste höhe und dann mach mal :

margin: auto auto;

chris90night

Hey,

das text-align:center; musst du als Eigenschaft des div-Containers angeben.
Die vertikale Zentrierung funktioniert leider nicht so ohne Weiteres.
Aber da gibt es auch ein paar Tricks, z.B. hier: http://www.ohne-css.gehts-gar.net/0002.php

MfG, Chris

sejuma

Für diesen speziellen Einzelfall geht's auch so:

Code

<img src="firefox_huge.png" border="0" title="Firefox" height="50px" width="50px" style="margin-top: 25px; margin-left: 25px;">

Oder:

Zitat

<div style="line-height: 100px; text-align: center; background-color:#B4B4B4; height:100px; width:100px; color:#FFFFFF; font-family:Calibri; float:right; margin:10px; padding:5px; border:2px dotted #FCFCFC;">

Tags