HTML Ein include zentrieren?

[Moretto Delucci]

Hallo schon wieder

Ich möchte gerne ein Include zentrieren, bekomme es aber ums *** nicht hin.
Probiert habe ich den <div> container mit style, sowie mit css zu formatieren, gar den ganzen Body.
Der inhalt der include.php bleibt einfach linksbündig.

Das stimmt doch, oder?

style="width:100%; text-align:center;

Muss ich eine table machen?

 

[echoDave]

ein wenig mehr Code bitte....

Damit meine ich die Includierte Datei und die Stelle wo der Include gemacht wird.
einen include perse kann man eigentlich nicht formatieren

 

[Yuuri]

<style type="text/css">
.centerblock {
  margin: 0 auto;
}
</style>

<!-- ... -->

<div class="centerblock">
  <!-- ... -->
</div>

 

[WhiteShark]

.centerblock muss relative sein und eine Breite haben, sonst bringt das margin auch nix.

 

[sasdensas]

Bei style="width:100%; text-align:center; bringt dir text-align nichts mehr, da durch width:100% der includierte Teil in die gesamte Breite geht und das Include bestimmt, wie es formatiert wird.

 

[mambokurt]

Du könntest 3 Divs mit width=20%,width=60%,width=20% und float:left nehmen und den Text ins mittlere includen, falls dir das was bringt. Weiß ja nicht was du da genau machen willst.

 

[Yuuri]

.centerblock muss relative sein und eine Breite haben, sonst bringt das margin auch nix.

margin benötigt nur ein Block-Element mit einer Breitenangabe. Die Positionierung ist unerheblich (natürlich nicht mit absoluter Positionierung gepaart).

Ein

<style type="text/css">
.c {
  margin: 0 auto;
  background: blue;
}
</style>

<div class="c" style="width:256px;">aaa</div>

funktioniert wunderbar zentral.

Aber ja, man bräuchte mehr Code um zu wissen, was er überhaupt genau zentrieren will.

 

[WhiteShark]

margin benötigt nur ein Block-Element mit einer Breitenangabe. Die Positionierung ist unerheblich (natürlich nicht mit absoluter Positionierung gepaart).

Genau das wollte ich damit ausdrücken, danke für die Korrektur.

Bei style="width:100%; text-align:center; bringt dir text-align nichts mehr, da durch width:100% der includierte Teil in die gesamte Breite geht und das Include bestimmt, wie es formatiert wird.

Stimmt so auch nicht unbedingt. Wenn in dem Include nur Text (bzw inline-Elemente) ist, so wird dieser Text zentriert dargestellt.

 

[Moretto Delucci]

Ich glaube ich spinne! Mit Yuri's code wird der Hintergrund zwar blau (Zum test, dass ich kein Fehler in der CSS Verknüpfung habe), aber zentriert ist da nichts.

Das hier ist der wesentliche Inhalt der Datei:

<table summary="Highscore" border="0">
	<caption>Highscores</caption>
		<tr>
			<th>Platz</th>
			<th>Nickname</th>
			<th>Geld</th>
				</tr>

				<?php
					$mZahler=0;
					$abfrage = "SELECT Name,Max(Score) AS Score FROM highscore GROUP BY Name ORDER BY Score DESC";
					$ergebnis = mysql_query($abfrage);
					while($row = mysql_fetch_object($ergebnis)){
					$mZahler++;
						   
					echo "<td>$mZahler</td><td>$row->Name</td> <td>$row->Score €</td></tr> ";
					}
						   
					echo "</table>";
					
				?>

Außer Yuris liegt keine formatierung vor.

 

[WhiteShark]

Gibt zwei Möglichkeiten.

Entweder so:

<style type="text/css">
.make_center {
  width: 600px;
  margin: 0px auto;
}
</style>
...
<div class="make_center">
  <?php include("blub.php"); ?>
</div>

Das Div aussenrum hat dann 600px und ist zentriert.
Das Div kann man sich aber sparen, wenn man direkt die Tabelle zentriert:

<style type="text/css">
.make_center {
  width: 600px;
  margin: 0px auto;
}
</style>

Im Include dann einfach:

<table class="make_center">
  ...
</table>

Da wird die Tabelle auf 600px Breite gesetzt und durch margin zentriert.

 

[Moretto Delucci]

Das war die lösung! Hab die breite noch angepasst, jetzt ist's perfekt. Danke!

 

[Daaron]

Gehts nur mir so, oder fehlt da in obigem Code so um Zeile 16 herum der öffnende <tr> - Tag?

 

[sasdensas]

Stimmt, der TR-Tag sollte noch in die Loop