Zetrieren in <div> unabhängig von gefloateten Inhalt

1 NeoMiC (Gast)

also lasst mich das problem mal schildern :-) :

ich möchte den text (copyright blabla) in den gesammten eltern element (div - bottom) zentrieren (also so als ob die w3c logos nicht da wären) und net wie hier:
http://neomics-backbone.no-ip.org/neomic/
(es wird nur in dem bereich von links nach rechts bis zu den w3c logos zentriert)

habe schon position:absolute ausprobiert in der hoffnung das der container dann unabhängig ist, aber der bewegt sich kein stückchen

	<body>
		<div id="all">
			<div id="bottom">
				<div id="w3c">
					<a href="http://validator.w3.org/check?uri=http://neomic-backbone.no-ip.org/">
						<img	alt=""
							class="w3clogo"
							src="http://www.w3.org/Icons/valid-xhtml10"/>
					</a>					<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://neomic-backbone.no-ip.org/">
						<img	alt=""
							class="w3clogo"
							src="http://jigsaw.w3.org/css-validator/images/vcss"/>
					</a>
				</div>
				© NeoMiC
				<div class="endfloat">
				</div>
			</div>
		</div>
	</body>

dazu stylesheets:

*
	{
		margin:0px;
		padding:0px;
	}


body
	{
		background-color:#000000;
		color:#FFFFFF;
		text-align:center;
	}


.endfloat
	{
		clear:both;
	}

.w3clogo
	{
		border:none;
		height:31px;
		width:88px;	
	}


#all
	{
		margin:10px;
	}

#bottom
	{
		background-color:#000066;
		color:#FFFFFF;
		height:31px;
		line-height:31px;
		padding:10px;
	}

#w3c
	{
		float:right;
		postion:absolute;
	}

wie immer thx 4 help ;-)

2 Christian

steinigt mich nicht gleich, aber muss doch mal gucken ob ich hier was gelernt habe ;-)

Evtl. funktioniert das so:

<p span class="zentriert">Dieser Text ist zentriert</span></p>

p span.zentriert
{
 text-align:center;
}

Ich habe es NICHT ausprobiert, zumindest nicht mit diesen Werten. Mit color funktioniert es einwandfrei.

3 Jörg Kruse

Hallo NeoMiC,

absolute Positionierung ist schon kein schlechter Ansatz - allerdings musst du bei 'postion' noch das fehlende i einfügen :) wenn du dann noch das float:right; durch ein right:20px; ersett, sollte es funktionieren:

#w3c
{
right:20px;
position:absolute;
}

@Christian:

steinigen sicher nicht :) das text-align hatte NeoMic ja schon im body - das vererbt sich auf alle Ebenen. Nur die floatenden Elemente verschieben den zentrierten Text

4 NeoMiC (Gast)

hmmm das war ja wieder klar sonn blöder fehler (*patsch auf den kopf*)

jaja aber wieder vielen dank für eure kompetente hilfe *g*

@Christian: is net schlimm wenn du glaubst du hast jetzt schwachsinn gepostet... naja im prinzip hab ich den schwachsinn gepostet weil ich net richtig gucken konnte^^

5 Christian

Danke für die Blumen, ich nehms mir nicht soo zu Herzen. Ein Versuch wars wert.

nach oben

Zetrieren in <div> unabhängig von gefloateten Inhalt

Beitrag schreiben (als Gast)