Verschiebung durch <br>

[Forumsgast]

<table class="inhalt" cellspacing="0" cellpadding="5" align="center">
<tr><td valign="top">
<?php 
while ($n <= 50 * $seite) {
$n2 = $n++;
echo "$n2<br>";
}
?>
</td></tr></table>

Das "<br>" im php-code verursacht eine Verschiebung der ganzen Seite um einige px nach links. Wenn ich es lösche, wird die Seite nicht mehr verschoben.

Das Ganze natürlich nur in Firefox, im I-Explorer wird es richtig angezeigt.

Hat jemand eine Idee?

[Forumsgast]

Welche Styles sind <br> zugewiesen? Installier das Firebug-Plugin und benutz den DOM-Inspector.

[Forumsgast]

Für sowas benutzt man eine for-Schleife. Und eigentlich kann das an dem br nicht liegen. br ist ein Zeilenumbruch und mehr nicht.
Gruß

[Gast]

Und was soll an einer For-Schleife besser sein?
Ich würde eher behaupten, man sollte sich den Endwert einmal ausrechnen und dann vergleichen statt in jedem Schleifendurchlauf. Egal ob For oder While.

Und zum <br>: ... eigentlich ... sollte es wirklich nicht daran liegen, aber dann hätte der Threadersteller ja niemanden nach Hilfe fragen müssen.

[Forumsgast]

Danke erstmal für den Tipp mit der for-Schleife.


Die class "inhalt" sieht folgendermassen aus:

.inhalt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #614D36;
	color:#000;
	text-align:center;
}
.inhalt tr {
	border: 1px solid #614D36;
	border-bottom-style:solid;
	color:#091F01;
}

.inhalt td {
	border: 1px solid #614D36;;
	color:#091F01;
}
.inhalt th {
	border: 1px solid #614D36;
	color:#091F01;
}

Gruss

[Forumsgast]

Und was soll an einer For-Schleife besser sein?
Ich würde eher behaupten, man sollte sich den Endwert einmal ausrechnen und dann vergleichen statt in jedem Schleifendurchlauf. Egal ob For oder While.

Und zum <br>: ... eigentlich ... sollte es wirklich nicht daran liegen, aber dann hätte der Threadersteller ja niemanden nach Hilfe fragen müssen.

ja, klar, for-Schleife muss nicht sein. Aber dann kann die gleich in die Tonne. Das ist doch viel übersichtlicher als eine while-Schleife, da das - in diesem Fall - Inkrementieren nicht innerhalb der Schleife rumgeistert.

Und mschaer: Wenn du nur das "<br>" rausnimmst, verschiebt es sich nicht? Und dem br ist per css wirklich gar nichts zugewiesen? Auch nicht am Anfang der Datei per <style> oder in einer anderen css-Datei?
Gruß

[Forumsgast]

Was sagt Firebug?

[Forumsgast]

Weiss nicht, ob ich Firebug richtig verstehe. Was ich verstanden habe, ist dass ich ein paar Einträge aus meiner css streichen kann. Hatte aber keinen Einfluss auf die Verschiebung.

Habe das extra noch mal getestet: Wenn ich den <br> lösche, verschiebt sich die Seite nicht mehr.

Dem <br> habe ich keine speziellen styles zugeordnet.

Habe die css durchstöbert. Aufgefallen ist mir nichts.

Hatte das Problem noch nie jemand?

Hier noch meine ganze css:

body {
	background-color:#ffffff;
}

.ress {
	font: 14px Arial, Helvetica, sans-serif;
}
.ress td{
	background-image: url(../images/bgress.png);
	width: 100px;
	height:35px ;
	background-repeat: no-repeat;
	padding:8px 0px 8px 8px;
}


table {
	background-color:#D5BD9B;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
}

.bgtable {
	background-image: url(../images/bgtable.png);
	height:47;
}
.inhalt {
	font-size: 12px;
	border: 1px solid #614D36;
	text-align:center;
}
.inhalt td {
	border: 1px solid #614D36;;
}
.inhalt th {
	border: 1px solid #614D36;
}

.banner {
	width: 800px; 
	height: 104px;
	background-image: url(../images/Header.png);
	background-repeat:no-repeat;
	background-position:left;
	display: block;
}
.banner table {
	display: block;
}
.banner2 {
	width: 800px; 
	height: 50px;
	background-image: url(../images/Header2.png);
	background-repeat:no-repeat;
	display: block;
}

.logbox {
	width: 224px; 
	height: 160px; 
	background-image: url(../images/bglog.png);
	background-repeat:no-repeat;
	background-position:left;
}
.logboxi {
	background:none;
}

.menu td {
	background-image: url(../images/Links.png);
	width: 146px;
	height:inherit ;
	background-repeat: no-repeat;
}
.menu a:hover{
	background-image: url(../images/Links2.png);
	color:#000000;
	background-repeat: no-repeat;
}	
.menu a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:14px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	outline: none;
	padding:9px 10px 10px 10px;
	background-repeat: no-repeat;
}
.menu2 td {
	background-image: url(../images/menu2.png);
	height:inherit;
	width: 120px;
	height: 30px;
	background-repeat: no-repeat;
	background-position:left;
}
.menu2 a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:14px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	outline: none;
	padding:0px 0px 0px 5px;
	background-repeat: no-repeat;
}

[Forumsgast]

Das Ganze natürlich nur in Firefox, im I-Explorer wird es richtig angezeigt.

natürlich .. weil der IE ja auch sonst alles richtig anzeigt.

Hast nen Link zu der Seite ?

[Forumsgast]

http://mschaer.spacequadrat.de/

Du kannst dich gerne als "gast", PW "gast" einloggen.


Die betroffene Seite ist die Rangliste

http://mschaer.spacequadrat.de/rank.php?seite=1


Gruss

[Forumsgast]

Das ist ja auch totaler Käse die Zeilen einer Tabelle nicht mit <tr><td></td></tr> auszuzeichnen sondern mit <br />!

Die Angesprochene Verschiebung nach links auf der Seite http://mschaer.spacequadrat.de/rank.php?seite=1 , im Vergleich zur Seite http://mschaer.spacequadrat.de/overview.php kommt durch den Scrollbalken rechts zu Stande! Der IE deaktiviert diesen Scrollbalken wenn er für die vertikale Navigation nicht benötigt wird. Der FF lässt ihn ganz verschwinden und blendet ihn nur bei Bedarf ein!

Aber noch einmal zurück zu deiner "Tabelle". Zeilen sollten durch

<tr><td>Inhalt</td></tr>

erzeugt werden und nicht durch

Inhalt<br />

[Forumsgast]

lol

wieder mal den Wald vor lauter Bäume nicht gesehen.


Danke