[Puschelbaer]

Hy @ all!
Ich habe auf einer Website an einer Position ein Banner eingebaut.
Dieses soll zentriert dargestellt werden.
Im Firefox und IE 7 wird dieses auch so dargestellt.
Nur im IE 6 will es nicht.

Hier der Code:

.navbg_bottom { 
text-align:center;  
background-color: #edf1f1;
	padding:4px 
}

Ist da noch irgendwas falsch?
Der Link zur Website: www.euro-geier.de
Es dreht sich um das Banner ganz unten.
edit von mo: ich hab den betreff mal in CSS Code HIlfe gaendert... hat ja nix mit php zu tun oO

Dieser Beitrag wurde von mo bearbeitet: 27. Juni 2006 - 11:51

[Gitarremann]

also mit text-align:center; zentriert man, wie der name schon sagt eigentlich nur text. das machen einige browser zwar falsch, indem sie auch blockelemente zentrieren aber normalerweise ist das eigentlich andersrum, also dass der firefox nicht zentriert und der ie es tut. blockelemente kann man zentrieren indem man margin-left und margin-right auf auto setzt oder die elemente ganz einfach folgendermaßen in ein div packt

<div align="center">zu zentrierendes element</div>

[Puschelbaer]

[/code]

Zitat (Gitarremann: 27.06.2006, 13:51)

also mit text-align:center; zentriert man, wie der name schon sagt eigentlich nur text. das machen einige browser zwar falsch, indem sie auch blockelemente zentrieren aber normalerweise ist das eigentlich andersrum, also dass der firefox nicht zentriert und der ie es tut. blockelemente kann man zentrieren indem man margin-left und margin-right auf auto setzt oder die elemente ganz einfach folgendermaßen in ein div packt

<div align="center">zu zentrierendes element</div>

Ich kann nur in der CSS Datei etwas ändern.
Mit <div align="center">zu zentrierendes element</div> kann ich leider nichts machen.
Da das Banner wahlweise eingeblendet wird, habe ich kein direktes Banner was zentriert werden soll,
sondern eine "Banner Komponente"

Kann ich sowas zum zentrieren nicht in der CSS Datei angeben?
Wie müsste ich denn den Code

.navbg_bottom { 
text-align:center;  
background-color: #edf1f1;
	padding:4px 
}

modifizieren?

[Puschelbaer]

Vieleicht geht es ja auch in dem PHP Code.
Hier der Teil der den Bereich der Website lädt.

<?php if (mosCountModules( "bottom" )) { ?>
					<!-- bottom nav -->
					<table border="0" cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<td class="navcontent" width="99%">
							<table border="0" cellspacing="0" cellpadding="0" width="100%">
								<tr>
									<td class="navbg_bottom">
									<?php mosLoadModules ( 'bottom' ); ?>

									</td>
								</tr>
							</table>

[Gitarremann]

eigentlich sollte es funktionieren wenn du folgende zeilen hinzufügst

.navbg_bottom
{
text-align:center;
background-color: #edf1f1;

margin-left:auto;
margin-right:auto;

/*und damit es alle browser verstehen noch: */

padding-left:auto;
padding-right:auto;

/* und das andere paddingkann eigentlich raus */

}

Zitat (Puschelbaer: 27.06.2006, 14:33)

Vieleicht geht es ja auch in dem PHP Code.
...

also wenn du zugriff auf den quellcode hast, dann gehts auch mit

<div align="center">xxx</div>

Dieser Beitrag wurde von Gitarremann bearbeitet: 27. Juni 2006 - 13:39

[Puschelbaer]

Langsam verzweifel ich.
Wenn ich es in der css Datei ändere. Passiert gar nichts.
Es ändert sich komischweise die Hintergrundfarbe.

Wenn ich es versuche in der Index.php zu ändern, zerschiess ich mir entweder alles oder es passiert nichts.

[axx]

margin:0 auto; sollte ein Element zentrieren. Natürlich hast du es mit Tabellenlayout schwerer, aber probier's mal aus.