✔ Textausrichtung innerhalb einer div Box...

[Darian]

Hallo Leute,

wieder einmal muß ich mit einem für euch vermutlich lächerlichen Problem zu euch kommen.

Habe schon 3 verschiedene Varianten probiert, und nichts hat zu dem Ergebniss geführt was ich wollte. Denke ich habe nur einen Denkfehler, oder irgend eine Kleinigkeit vergessen.

Möchte nur dass der Text auf der selben Höhe wie das Banner ist, irgendwie verschiebt aber immer nach unten. Experimente mit float haben nichts geändert, und auch eine fixe Höhe zu geben, damit es ja eigentlich nicht mehr nach unten gehen könnte, hat auch nichts gebracht. Auch Versuche mit margin und padding haben nichts gebracht.

Was mache ich da bitte wieder falsch, oder was habe ich da wohl nicht ganz verstanden?

Habe wie immer eine kleine aber feine Grafik dazu geben. Da wo HIER steht, möchte ich ihn gerne haben.

HTML-Code:

<div id="hotel_info">
	<div id="minibannertop">
		<img src="{$smarty.const.DOCUMENT_ROOT}images/minibanner.jpg" width="306" height="50" alt="KompassTop">
		<div id="hotel_name">
			TestText
			</div>
	</div>
</div>

CSS-Code:

#hotel_info {
width:610Px;
margin:5Px auto;
}

#minibannertop {
background: url(../images/minibannerbg.jpg) repeat-x;
height:50Px;
}

#hotel_name {
margin:0Px, 0Px;
/*padding:auto, 0Px;*/
font-size:100%;
color:#000080;
/*font-family:Tahoma;*/
}

 

[Maik]

Hi,

Experimente mit float haben nichts geändert

da kann ich jetzt echt nicht nachvollziehen, was bzw. mit welchen HTML-Elementen du da experimentiert hast, denn dieses Stylesheet bewirkt bei mir ja fast schon Wunder:

#minibannertop img {
float:left;
}

#hotel_name {
float:right;
line-height:50px;
font-size:100%;
color:#000080;
}

Wo hast du denn eigentlich diese Syntax aufgeschnappt?

margin:0Px, 0Px;
padding:auto, 0Px;

Einheiten werden durchgängig kleingeschrieben, aber was noch wichtiger ist, zwischen Eigenschaftswerten wird kein Komma notiert, denn das führt dazu, dass der nachfolgende Wert vom Browser ignoriert wird.

 

[Darian]

Hallo Maik,

tja, hat wie immer super funktioniert.

Hatte da mit den div Boxen ein paar Denkfehler, die jetzt gelöst sind. Habe viele Sachen probiert, weiß gar nicht mehr welche. Das mit dem img war wohl des Rätselslösung.

Warum ich da aufeinmal auf , gekommen bin weiß ich gar nicht mehr. Ich denke da ist mir mit dem PHP irgendwie was dazwischen gekommen. Bin es eben gewohnt alles zu trennen

Vielen dank für diese Infos.

lg aus Guatemala
Darian