DIV - Ausrichtung - Höhe
Steve01
- css
Hallo zusammen
ich habe gestern Abend folgenden Thread aufgemacht
http://forum.de.selfhtml.org/?t=77371&m=446521
Nun mache ich einen neuen auf, damit ihr meinen IST-Zustand kennt und mir bei meinen Problem vielleicht helfen könnt:
Sowas brauche ich
----------------------------------------------------------
| Headline mit eigener Farbe/Hintergrund und padding |
----------------------------------------------------------
| | |
| Bild nahtlos links | Text mit neuer Hintergrundfarbe |
| oben | links neben Bild |
| | ist Text länger/ höher als das |
| | Bild soll Text nicht unter |
| | Bild umbrechen |
| | Hintergrundfarbe von Text und Bild|
| | soll gleich sein |
|----------------------------------------------------------
Bis jetzt habe ich fast in Eigenarbeit ;-) dies definiert:
<div style="padding:0; margin:0; width:550px; color:#000000; background:#CBD1D8;">
<div style="padding:10px; color:#FFFFFF; background:#4D5E74;font-weight:bold;">Headline</div>
/* width:150px;height:132px; Bildgroesse */
<div style="width:150px;height:132px;background:url(image.gif);float:left;margin-right:15px;">
</div>
<div style="padding:0px;">
Text Text Text
</div>
</div>
Dies geht im IE wunderbar. Ist aber der Text wir hier "Text Text Text" kurz, wird in Mozilla die Hintergrundfarbe nicht ganz ausgefüllt und unten dem Text ist dann die "BODY-Farbe"
Warum macht der Mozilla hier Probleme?
Muss ich immer bei kurzen Texten immer dies noch definieren:
<div style="padding:0px; height:132px">
Text Text Text
</div>
Wenn der Text lang ist und ich keinen Umbruch unter dem Bild haben möchte, definiere ich noch dies:
<div style="padding:0px; margin-right:160px;">
Text Text Text
</div>
Was meint Ihr zu dem Problem und meiner Lösung? Ist mein Denkansatz richtig?
THX
Steve01
Hi,
ich habe gestern Abend folgenden Thread aufgemacht
http://forum.de.selfhtml.org/?t=77371&m=446521
Nun mache ich einen neuen auf, damit ihr meinen IST-Zustand kennt und mir bei meinen Problem vielleicht helfen könnt:
nö. lies doch bitte mal die </faq/#Q-11FAQ> und bleibe bei [pref:t=77371&m=446521]. Diesen Thread werde ich jedenfalls ausblenden, falls er nicht gelöscht wird.
freundliche Grüße
Ingo