Zentrieren mittels CSS?

[baerwurz]

Hallo Leute, ich stehe derzeit mal wieder auf dem Schlauch.

Ich habe ein Feld auf meiner Seite wo ich nen google 728 * 15 Ad einblenden möchte.

Diese Feld ist im CSS so definiert:

CODE .navigation {
background: #FF9933;
height: 44px;
width: 780px;
}


Im html steht dann folgendes:


CODE <div class="navigation">
<google code 728 * 15 >
</div>



Wie schaffe ich nun das der Google Ad horizontal und vertikal zentriert ist?

Wie genau muss meine CSS Formatierung aussehen?

Habe x Möglichkeiten probiert, aber anscheinend ist es schon ein bißchen zu spät. *g*

Danke schonmal für Eure Hilfe

Gruß,

André

 

[Urs]

bin unterwegs und kanns nicht probieren, aber probier mal dies:
CODE
<div class="navigation">
   <div align="center" valign="middle">
      <google code 728 * 15 >
   </div>
</div>

 

[TorstenS]

CODE
<div style="text-align: center">
<google code 728 * 15 >
</div>



Für die vertikale Zentrierung habe ich grad nichts parat.

 

[Themenmixer]

Versuchs mal mit margin: auto;

 

[MarkusH]

Elemente nur mit reinem CSS und ohne Tabellen vertikal zu zentrieren ist leider noch etwas holprig. Da Du aber die Höhe von .navigation und dem Google-Code kennst, kannst Du ja den oberen Innenabstand von .navigation berechnen. So würde ich es machen, wenn in .navigation immer nur Google-Code liegt:
CODE .navigation {
height: 15px;
padding: 15px 0 14px; /*Eine Höhe von 45Pixeln wäre zentrierungstechnisch irgendwie günstiger&#59;-)*/
text-align:center;
background: #FF9933;
width: 780px;
}

 

[nitrit]

http://innovative-webmedia.de/2007/07/01/s...rieren-mit-css/

 

[baerwurz]

Danke Euch allen, das hier hat geholfen:
QUOTE (MarkusH @ Mi 10.10.2007, 13:10)So würde ich es machen, wenn in .navigation immer nur Google-Code liegt:


So weit bin ich nun:

http://www.ayom.com/topic-21044.html