Zentrierungsproblem

[Carsten Pieper]

Hallo zusammen!

Irgendwie scheine ich gerade einen Blackout zu haben und bitte um Eure Mithilfe. Folgenden Code habe ich mir ausgedacht:

<div style="text-align:center; ">
<img src="images/logo.jpg" width="130" height="130" alt="Logo der Kanzlei" style="width:130px; float:left; margin-top:-10px"/>
<h1 style="margin-top:15px">Rechtsanwälte&nbsp;&nbsp;&mdash;&nbsp;&nbsp;Fachanwälte</h1></div>

Ich möchte nun gerne, dass zwischen dem Logo und der Überschrift kein Abstand ist, quasi Logo und Schrift zusammen als Block in einer Zeile zentriert. Der Code oben schiebt mir das Logo jedoch immer an den linken Bildrand, und bei einer Auflösung über 1280 in der Breite entsteht zwischen Logo und Schrift ein fieser Abstand und das Logo sieht aus wie in die Ecke gedrängt.

Hat jemand eine Idee? Herzlichen Dank,

Carsten

[wahsaga]

hi,

Ich möchte nun gerne, dass zwischen dem Logo und der Überschrift kein Abstand ist, quasi Logo und Schrift zusammen als Block in einer Zeile zentriert.

Bild in Überschrift, für Überschrift text-align:center, Div wegwerfen?

gruß,
wahsaga

[Gunnar Bittersmann]

Hello out there!

<div style="text-align:center; ">
<img src="images/logo.jpg" width="130" height="130" alt="Logo der Kanzlei" style="width:130px; float:left; margin-top:-10px"/>
<h1 style="margin-top:15px">Rechtsanwälte&nbsp;&nbsp;&mdash;&nbsp;&nbsp;Fachanwälte</h1></div>

Soll man da durchsehen? Der besseren Übersicht halber notiere sämtliche CSS-Angaben im <http://de.selfhtml.org/css/formate/zentrale.htm@title=zentralen Styelsheet>, nicht inline.

Ich möchte nun gerne,

Warum machst du dann deinem Wunsch widersprechende Angaben?

Der Code oben schiebt mir das Logo jedoch immer an den linken Bildrand

Works as designed bei 'float:left'.

und bei einer Auflösung über 1280 in der Breite entsteht

<Gebetsmühle>Die Monitorauflösung hat keinerlei Bedeutung. Bedeutsam ist die Größe des Anzeigebereichs (aka Viewport).</Gebetsmühle>

See ya up the road,
Gunnar