phpBB.de

Verfasst: **13.07.2005 15:05**

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

Verfasst: **13.07.2005 16:17**

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 !!!

Verfasst: **13.07.2005 18:04**

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

Verfasst: **13.07.2005 19:00**

JG hat geschrieben: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 ...

Verfasst: **14.07.2005 14:42**

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

Verfasst: **14.07.2005 15:14**

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

Verfasst: **14.07.2005 16:16**

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

Verfasst: **14.07.2005 16:58**

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

Verfasst: **14.07.2005 19:13**

danke! Es geht!

phpBB.de

Tabellen an der falschen Stelle

Tabellen an der falschen Stelle