fixieren des Schriftstarts unter einem Bild

[[N@irolF]]

hallo,

ich habe ein Problem mit meiner Page. Als "Kopflogo" jeder Seite habe ich ein Logo und einen Unterstrich <hr>. Allerdings habe ich gehörige Probleme, den Text bei jeder Schriftgröße (geschweige denn jedem Browser) exakt 3cm unter dem Bild beginnen zu lassen. Das Bild habe ich an der richtigen Position aber wie bekomme ich den Unterstrich und die erste Schriftzeile an die richtige Stelle?

Momentan ist die Page nur für den IE7 optimiert. Bei allen anderen Browsern sieht man die Probleme die cih meine: oc-7g - klick

Vielen Dank für eure Hilfe,
Florian

 

[Drakes]

Nach dem Bild ein <br />(bzw. über css display:block; ) oder am besten, da es der Titel ist, in ein <h1></h1> tun.

 

[[N@irolF]]

hi,

das bringt leider nichts, da dann die Schrift eine Zeile unter dem obersten Bildrand neben dem Bild angezeigt wird. Man muss dann schon 7*<br> machen. Dann kommt es genau hin, ich habe allerdings große Probleme, wenn die Schriftgröße geändert wird....


thx und mfg

 

[BcF]

Nimm bei dem Bild das align="left" raus und setz stattdessen style="float:left;" und dann ersetz die ganzen <br />s durch ein <br style="clear:both;" />, das sollte das Problem beheben :grin:

 

[Dark D.]

CSS:

img {
margin-bottom: [ABSTAND];
}

:?:

 

[[N@irolF]]

hi,

Vielen Dank für eure Hilfe. Hat jetzt funktioniert. display:block funktionierte nur wenn dass align"left" aus dem <img> tag gelöscht war.

Und wie kann ich das links in der Navigation machen, dass der <hr> direkt auf der Höhe der unteren Kante des rechten Bildes ist?


Vielen Dank,
Florian

 

[Dark D.]

Mach zwei DIV´s.
Ins obere setzt du das Bild und floatest es links.
Dann einfach den <hr />-Tag.
Als letztes den Inhalts-DIV mit 'clear:left' ausstatten (schreibt man/frau das so?) und voila.

 

[Drakes]

Mach zwei DIV´s.
Ins obere setzt du das Bild und floatest es links.
Dann einfach den <hr />-Tag.
Als letztes den Inhalts-DIV mit 'clear:left' ausstatten (schreibt man/frau das so?) und voila.

:?:

Ich würde die ganze Navigation per css mit top via px fixieren, dann einfach ein paar Werte um die Höhe des Bildes testen. :mrgreen: Kann mir keine andere Art bei 2 Frames vorstellen.

 

[[N@irolF]]

hi,

die Frage ist halt nur wie mach ich das, weil cih hab ja kein einzelnes Element, das fixiert werden soll, sondern einen Bereich, der mit <hr> beginnt....
Vielen Dank,
Florian

 

[Dark D.]

Wenn die Linie richtig postioniert ist so:

hr {
margin-bottom: [ABSTAND];
}

Glaub ich.

 

[Drakes]

Nein, margin-top ;)

Und sonst kippst du das ganze in ein div und positionierst es so wie du es willst.