Tabellen an der falschen Stelle

[Gast210225]

Hallo,

ich bastel im Moment etwas an einem Template (mal schaun, ob es was wird ) nur die Tabellen sind hei mir irdendwie nun verschoben (ich hab Firefox)... also hier mal ein Link: *klick*, und hier ein Screenshot: *nochmal klick*
Achso, im Konqueror ist nur die "Wer ist Online" Box an der falschen stelle.
Wie sieht es bei euch aus, bzw. wisst dier woran es liegt? Hier ist mal die CSS datei: http://forum4linux.de/temp/style/style.css


Danke schon mal, Johannes

[shwepsi]

ich weiss nicht wie du es genau gelöst hast...
aber schaue ob du den Teil mit den Links die im Firefox links neben den Tabellen stehen, auch in eigene, GESCHLOSSENE Blockelemente wie tr/td, div, etc gesetzt hast.
wenn nicht kann ein solcher Fehler auftreten

span ist ein INLINE Blockelment, das heisst es bewirkt nicht unbedingt einen Zeilenumsprung !!!

[Gast210225]

Ne, auch ein <br /> hat nix gebracht....
Hat sonst noch jemand Ideen, was ich falsch gemacht haben könnte?

[shwepsi]

Ne, auch ein <br /> hat nix gebracht....
Hat sonst noch jemand Ideen, was ich falsch gemacht haben könnte?

dann sag mal bitte welche formatierungen für die Tabelle und für die Links gelten, raten ist schlecht

Zur Zeit kann ich dir etwa so gut helfen wie ein Automechaniker der angerufen wird weil das Auto kaputt ist, und der Motor von VW stammt ...

[Gast210225]

Hallo,
also das "Aktuelles Datum und Uhrzeit: 13.07.2005 13:29" und das "deine-domain.de Foren-Übersicht" ist in einem DIV-Container (div_left)

Code: Alles auswählen

<div id="div_left">
   <span class="gensmall">
      Aktuelles Datum und Uhrzeit: 13.07.2005 13:29<br />
   </span>
   <div id="navigation">
      <a href="#">deine-domain.de Foren-Übersicht</a>
   </div>
</div>

und die CSS datei:

Code: Alles auswählen

#div_left
{
	float: left;
	text-align: left;
}

und das " Unbeantwortete Beiträge anzeigen" ist auch in einem DIV-Container (div_right)

Code: Alles auswählen

<div id="div_right">
   <span class="gensmall">
      <a href="#" class="gensmall">Unbeantwortete Beiträge anzeigen</a>
   </span>
</div>

und das CSS-zeug:

Code: Alles auswählen

#div_right
{
	float: right;
	text-align: right;
}

und die tabelle drunter sieht so aus:

Code: Alles auswählen

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
   <tr>
      <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;Forum&nbsp;</th>
      <th width="50" class="thTop" nowrap="nowrap">&nbsp;Themen&nbsp;</th>
      <th width="50" class="thTop" nowrap="nowrap">&nbsp;Beiträge&nbsp;</th>
      <th class="thCornerR" nowrap="nowrap">&nbsp;Letzter&nbsp;Beitrag&nbsp;</th>
   </tr>
   <tr>
      <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="#" class="cattitle">Test Kategorie 1</a></span></td>
      <td class="rowpic" colspan="3" align="right">&nbsp;</td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="middle" height="50"><img src="images/folder_big.gif" width="46" height="25" alt="Keine neuen Beiträge" title="Keine neuen Beiträge" /></td>
      <td class="row1" width="100%" height="50">
        <span class="forumlink"> <a href="#" class="forumlink">Test Forum 1</a></span><br />
        <span class="genmed">Ein Test-Forum.<br /></span>
        <span class="gensmall">&nbsp; &nbsp;</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">1</span></td>
      <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">1</span></td>
      <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">10.07.2005 12:46<br /><a href="#">xxx</a> <a href="#"><img src="images/icon_latest_reply.gif" border="0" alt="Letzten Beitrag anzeigen" title="Letzten Beitrag anzeigen" /></a></span></td>
   </tr>
</table>

und hier nochmal die ganze CSS Datei: http://forum4linux.de/temp/style/style.css


Johannes

[Kenni]

versuche mal die divs die an der seite sind in ein td valign="top" zu setzen

so ganz ohne tebellen und td geht es wohl nicht

[Gast210225]

Hallo,
Ich wollte ja das ganze ohne Tabellen machen...

[shwepsi]

ok, lasse bei

Code: Alles auswählen

#div_right 
{ 
   float: right; 
   text-align: right; 
} 

das float mal weg.

Grund: nur das linke ODER rechte element braucht float, das andere wird damit automatisch untergebuttert..

Da du aber beide mit float versehen hast darf etwas dazwischen...
eine Tabelle zum Beispiel
jetzt sagt die aber 100% und hier geht es nicht mehr...
manch ein Browser verschiebt das ganze, ein anderer Browser zeigt es so wie auf deinem Screenshot an

ich hoffe das hilft und viel Spaß noch

[Gast210225]

danke! Es geht!