Zentriere das Logo (Vertikal/Horizontal)

Ich versuche einen Weg zu finden, das Logo + Text zu zentrieren. Das Bild + Text sollte vertikal und horizontal zentriert sein.Zentriere das Logo (Vertikal/Horizontal)

habe ich versucht, einige Dinge, und ich habe jetzt diesen HTML

<html> 
<head> 
<title>XXX</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<style type="text/css"> 
body { 
    margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */ 
    text-align:center; /* Hack for IE5/Win */ 
    } 
#floater {float:left; height:50%; margin-bottom:-120px;} 

#Content { 
    clear:both; 
    width:500px; 
    margin:0px auto; /* Right and left margin widths set to "auto" */ 
    text-align:center; /* Counteract to IE5/Win Hack */ 
    padding:15px; 

    height:240px; 
    position:relative; 
    } 
#text-center{ 
    text-align:center; 
    font-family:Tahoma, Geneva, sans-serif 
    } 
</style> 
</head> 
<body> 

<div id="Content"> 
<img src="logo_small.jpg" width="400" height="143"> 
<p id="text-center">Coming soon</p> 
<p id="text-center">more text</a></p> 
</div> 

</body> 
</html>

ich HTML/CSS

Quelle

2012-03-24 Em Ae

hinzufügen 'margin: 0px auto;' in '# text-center' – uday

Ich möchte das Logo/Text auf die Mitte der Seite (vertikal/horizontal) ausrichten. das Ding, das du erwähntest, entfernte Abstand zwischen 2 p Umbauten. –

Hier ist, was ich kam mit: http://jsfiddle.net/CMfEH/

habe ich eine Variante dessen, was in Vertically Centering in CSS descriped ist.

Quelle

2012-03-24 03:15:25 jterrace

vertikal ausrichten Inhalt ist in der Regel eine schlechte Praxis im Zusammenhang nichts wissen, aber unter Verwendung erreicht werden kann EDIT: hatte einige CSS-Schalter nach oben ...

#Content { 
     margin: 0px auto; 
     ... 
     height: 100%; 
     } 
#subContent { 
     position: absolute; 
     top: 50%; 
     height:240px; 
     margin-top: -120px; 
     }

Und eineSchaffungDiv in Ihrem Content-Elternteil div.

Quelle

2012-03-24 03:07:23

Zentriere das Logo (Vertikal/Horizontal)

Antwort

Verwandte Themen