Tabellenbreite nicht verstellbar! [gelöst!]

bw-designer · 27.10.2007, 16:02

Hallo zusammen,

ich hoffe das ich mit meinem Anliegen hier in diesem Bereich richtig bin.
Also es geht um folgendes:

Ich habe eine Clanpage (auf webspell basiert) etwas umgebaut und wollte auch die Tabellenbreite für den content der verschiedenen Inhalte verkleinern, da die Seite sonst nach rechts zu weit rausgedrückt wird, sodass das ganze Design kaputt geht. Ich habe auch alles gut hinbekommen bis auf eine Tabelle in der das jeweilige Profil angezeigt wird. Da sind komischerweise irgendwelche Hindernisse drin, die die Tabelle daran hindern, auf 525 Pixel Breite zu schrumpfen.

Hier mal der Code der Tabelle (Originalcode):

HTML-Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td colspan="5">
   <table width="100%" cellpadding="2" cellspacing="1" bgcolor="$border">
    <tr> 
     <td bgcolor="$bg1">
      $profilecountry <b>$nickname</b> $member<br>
       &nbsp; Besuche: $anzvisits &nbsp; | &nbsp; Registriert seit dem $registered &nbsp; | &nbsp; Letzte Anmeldung am $lastlogin
     </td>
    </tr>
   </table>
  </td>
 </tr>
 <tr height="10">
  <td colspan="5"></td>
 </tr>
 <tr height="100%">
  <td valign="top">
   <table width="230" cellpadding="2" cellspacing="1" bgcolor="$border">
    <tr> 
     <td class="title" bgcolor="$bghead">&nbsp; • Userbild</td>
    </tr>
    <tr> 
     <td bgcolor="$pagebg"></td>
    </tr>
    <tr height="214"> 
     <td align="center" bgcolor="$bg1">$userpic</td>
    </tr>
   </table>
  </td>
  <td>
   <table width="10">
    <tr> 
     <td></td>
    </tr>
   </table>
  </td>
  <td valign="top">
   <table width="90" cellpadding="2" cellspacing="1" bgcolor="$border">
    <tr> 
     <td class="title" bgcolor="$bghead">&nbsp; • Avatar</td>
    </tr>
    <tr> 
     <td bgcolor="$pagebg"></td>
    </tr>
    <tr height="94"> 
     <td align="center" bgcolor="$bg1">$avatar</td>
    </tr>
   </table>
   <table>
    <tr height="10">
     <td></td>
    </tr>
   </table>
   <table width="90" cellpadding="2" cellspacing="1" bgcolor="$border">
    <tr> 
     <td class="title" bgcolor="$bghead">&nbsp; • Premium</td>
    </tr>
    <tr> 
     <td bgcolor="$pagebg"></td>
    </tr>
    <tr> 
     <td align="center" bgcolor="$bg1">$premium</td>
    </tr>
   </table>
  </td>
  <td>
   <table width="10">
    <tr> 
     <td></td>
    </tr>
   </table>
  </td>
  <td width="100%" valign="top">
   <table width="100%" cellpadding="2" cellspacing="1" bgcolor="$border">
    <tr> 
     <td class="title" bgcolor="$bghead">&nbsp; • <a class="titlelink" href="index.php?site=profile&id=$id&action=galleries">Galerien</a></td>
    </tr>
    <tr>
     <td bgcolor="$pagebg"></td>
    </tr>
    <tr height="214"> 
     <td width="100%" align="center" bgcolor="$bg1">$usergallery</td>
    </tr>
   </table>
  </td>
 </tr>
 <tr height="10">
  <td colspan="5"></td>
 </tr>
 <tr>
  <td colspan="5">
   <table width="100%" cellpadding="2" cellspacing="1" bgcolor="$border">
    <tr> 
     <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Personalien</td>
    </tr>
    <tr> 
     <td colspan="2" bgcolor="$pagebg"></td>
    </tr>
    <tr> 
     <td width="11%" valign="top" bgcolor="$bg1">Usertitel:</td>
     <td width="89%" bgcolor="$bg2" valign="top">$usertype<br>$rang</td>
    </tr>
    <tr> 
     <td bgcolor="$bg3" valign="top">Name:</td>
     <td bgcolor="$bg4" valign="top">$sex $firstname $lastname</td>
    </tr>
    <tr> 
     <td bgcolor="$bg1" valign="top">Alter:</td>
     <td bgcolor="$bg2" valign="top">$birthday</td>
    </tr>
    <tr> 
     <td bgcolor="$bg3" valign="top">Wohnort:</td>
     <td bgcolor="$bg4" valign="top">$profilecountry $town</td>
    </tr>
	<tr> 
     <td bgcolor="$bg1" valign="top">Straße:</td>
     <td bgcolor="$bg2" valign="top">$street</td>
    </tr>
    <tr> 
     <td bgcolor="$bg3" valign="top">Telefon-Nr.:</td>
     <td bgcolor="$bg4" valign="top">$phonenr</td>
    </tr>
    <tr> 
     <td bgcolor="$bg1" valign="top">Handy-Nr.:</td>
     <td bgcolor="$bg2" valign="top">$handynr</td>
    </tr>
    <tr> 
     <td bgcolor="$bg3" valign="top">Kontakt:</td>
     <td bgcolor="$bg4" valign="top">$homepage $email $icq $pm $buddy</td>
    </tr>
    <tr> 
     <td bgcolor="$bg1" valign="top">Status:</td>
     <td bgcolor="$bg2" valign="top">$status</td>
    </tr>
   </table>
  </td>
 </tr>
 <tr height="10">
  <td colspan="5"></td>
 </tr>
 <tr>
  <td colspan="5">
   <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
    <tr> 
     <td class="title" bgcolor="$bghead">&nbsp; • Informationen</td>
    </tr>
    <tr> 
     <td bgcolor="$pagebg"></td>
    </tr>
    <tr> 
     <td bgcolor="$bg1">$about</td>
    </tr>
   </table>
  </td>
 </tr>
 <tr height="10">
  <td colspan="5"></td>
 </tr>
 <tr>
  <td colspan="5">
   <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
    <tr>
     <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Mitglied folgender Squads </td>
    </tr>
    <tr>
     <td colspan="2" bgcolor="$pagebg"></td>
    </tr>
    $teams
   </table>
  </td>
 </tr>
 <tr height="10">
  <td colspan="5"></td>
 </tr>
 <tr>
  <td colspan="5">
   <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr valign="top">
     <td width="49%">
      <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
       <tr> 
        <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Clan</td>
       </tr>
       <tr> 
        <td colspan="2" bgcolor="$pagebg"></td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Clan:</td>
        <td width="100%" bgcolor="$bg2" valign="top">$clantag $clanname</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Homepage:</td>
        <td bgcolor="$bg4" valign="top">$clanhp</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">IRC-Chan.:</td>
        <td bgcolor="$bg2" valign="top">$clanirc</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Geschichte:</td>
        <td bgcolor="$bg4" valign="top">$clanhistory</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Acc-Name:</td>
        <td bgcolor="$bg2" valign="top">$accname</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">ESL-Name:</td>
        <td bgcolor="$bg4" valign="top">$eslnick</td>
       </tr>
      </table>

      <table>
       <tr height="10">
        <td></td>
       </tr>
      </table>
      <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
       <tr> 
        <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Messenger </td>
       </tr>
       <tr> 
        <td colspan="2" bgcolor="$pagebg"></td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Xfire:</td>
        <td width="100%" bgcolor="$bg2" valign="top">$xfire</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">MSN:</td>
        <td bgcolor="$bg4" valign="top">$msn</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">YIM:</td>
        <td bgcolor="$bg2" valign="top">$yim</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">AIM:</td>
        <td bgcolor="$bg4" valign="top">$aim</td>
       </tr>
      </table><br>
      <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
        <tr>
          <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Lieblings...</td>
        </tr>
        <tr>
          <td colspan="2" bgcolor="$pagebg"></td>
        </tr>
        <tr>
          <td bgcolor="$bg1" valign="top">Programm:</td>
          <td width="100%" bgcolor="$bg2" valign="top">$program</td>
        </tr>
        <tr>
          <td bgcolor="$bg3" valign="top">Spiel:</td>
          <td bgcolor="$bg4" valign="top">$game</td>
        </tr>
        <tr>
          <td bgcolor="$bg1" valign="top">Map:</td>
          <td bgcolor="$bg2" valign="top">$map</td>
        </tr>
        <tr>
          <td bgcolor="$bg3" valign="top">Waffe:</td>
          <td bgcolor="$bg4" valign="top">$arm</td>
        </tr>
        <tr>
          <td bgcolor="$bg1" valign="top">Getr&auml;nk:</td>
          <td bgcolor="$bg2" valign="top">$drink</td>
        </tr>
        <tr>
          <td bgcolor="$bg3" valign="top">Speise:</td>
          <td bgcolor="$bg4" valign="top">$food</td>
        </tr>
        <tr>
          <td bgcolor="$bg1" valign="top">Film:</td>
          <td bgcolor="$bg2" valign="top">$movie</td>
        </tr>
        <tr>
          <td bgcolor="$bg3" valign="top">Lied:</td>
          <td bgcolor="$bg4" valign="top">$song</td>
        </tr>
        <tr>
          <td bgcolor="$bg1" valign="top">Buch:</td>
          <td bgcolor="$bg2" valign="top">$book</td>
        </tr>
        <tr>
          <td bgcolor="$bg3" valign="top">Auto:</td>
          <td bgcolor="$bg4" valign="top">$car</td>
        </tr>
        <tr>
          <td bgcolor="$bg1" valign="top">Person:</td>
          <td bgcolor="$bg2" valign="top">$person</td>
        </tr>
        <tr>
          <td bgcolor="$bg3" valign="top">Sport:</td>
          <td bgcolor="$bg4" valign="top">$sport</td>
        </tr>
      </table>      <br>
     </td>
     <td width="10"></td>
     <td width="49%">
      <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
       <tr> 
        <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Hardware</td>
       </tr>

       <tr> 
        <td colspan="2" bgcolor="$pagebg"></td>
       </tr>
       <tr> 
        <td width="26%" bgcolor="$bg1" valign="top">CPU:</td>
        <td width="74%" bgcolor="$bg2" valign="top">$cpu</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Mainboard:</td>
        <td bgcolor="$bg4" valign="top">$mainboard</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">RAM:</td>
        <td bgcolor="$bg2" valign="top">$ram</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Monitor:</td>
        <td bgcolor="$bg4" valign="top">$monitor</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Grafikkarte:</td>
        <td bgcolor="$bg2" valign="top">$graphiccard</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Soundkarte:</td>
        <td bgcolor="$bg4" valign="top">$soundcard</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">I-Verbindung:</td>
        <td bgcolor="$bg2" valign="top">$iconnection</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Tastatur:</td>
        <td bgcolor="$bg4" valign="top">$keyboard</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Maus:</td>
        <td bgcolor="$bg2" valign="top">$mouse</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Mauspad:</td>
        <td bgcolor="$bg4" valign="top">$mousepad</td>
       </tr>
      </table>
      <table>
       <tr height="10">
        <td></td>
       </tr>
      </table>
      <table width="100%" cellspacing="1" cellpadding="2" bgcolor="$border">
       <tr> 
        <td colspan="2" class="title" bgcolor="$bghead">&nbsp; • Statistiken</td>
       </tr>
       <tr> 
        <td colspan="2" bgcolor="$pagebg"></td>
       </tr>
       <tr> 
        <td width="50%" bgcolor="$bg1" valign="top">Forenthemen:</td>
        <td width="50%" align="right" bgcolor="$bg2" valign="top">$anzforumtopics</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Forenbeitr&auml;ge:</td>
        <td bgcolor="$bg4" align="right" valign="top">$anzforumposts</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Newsbeitr&auml;ge:</td>
        <td bgcolor="$bg2" align="right" valign="top">$anznewsposts</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Newskommentare:</td>
        <td bgcolor="$bg4" align="right" valign="top">$comments[0]</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Artikelkommentare:</td>
        <td bgcolor="$bg2" align="right" valign="top">$comments[2]</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Downloadbeitr&auml;ge:</td>
        <td bgcolor="$bg4" align="right" valign="top">$downloads</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Demokommentare:</td>
        <td bgcolor="$bg2" align="right" valign="top">$comments[3]</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Clankampfkommentare:</td>
        <td bgcolor="$bg4" align="right" valign="top">$comments[1]</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Todo-List Kommentare:</td>
        <td bgcolor="$bg2" align="right" valign="top">$comments[4]</td>
       </tr>
       <tr> 
        <td bgcolor="$bg3" valign="top">Empfangene Nachrichten:</td>
        <td bgcolor="$bg4" align="right" valign="top">$pmgot</td>
       </tr>
       <tr> 
        <td bgcolor="$bg1" valign="top">Versendete Nachrichten:</td>
        <td bgcolor="$bg2" align="right" valign="top">$pmsent</td>
       </tr>
	   <tr> 
        <td bgcolor="$bg3" valign="top">• Punktesystem</td>
        <td bgcolor="$bg4" align="right" valign="top"></td>
       </tr>
		 <tr> 
        <td bgcolor="$bg1" valign="top">erreichte Punkte</td>
        <td bgcolor="$bg2" align="right" valign="top">$points</td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
<br>

Könnt Ihr mir sagen wo der Fehler steckt und wie ich ihn wegbekomme?
Ich danke jedem schon mal im Voraus für seine Antwort!

Gruß
bw-designer

bw-designer · 28.10.2007, 14:46

??

hat keiner ne Idee?

Rinaldo · 28.10.2007, 18:15

HTML-Code:

<table width="525 border="0" cellspacing="0" cellpadding="0">

Damit erhalte ich Deine Tabelle mit der gewünschten Breite von 525px

. Seh da jetzt kein Problem...

koenixblau · 28.10.2007, 18:38

Zitat:

Zitat von Rinaldo

HTML-Code:

<table width="525 border="0" cellspacing="0" cellpadding="0">

Damit erhalte ich Deine Tabelle mit der gewünschten Breite von 525px

. Seh da jetzt kein Problem...

Nicht:

HTML-Code:

<table width="525" border="0" cellspacing="0" cellpadding="0">

Einer bessere Lösung?!

Relevant mit Maßeinheiten zu ergänzen?!
Beispielsweise "px" für Pixel.

Rinaldo · 28.10.2007, 18:52

Oh, da hat´s mir was nicht mitkopiert - width="525" meinte ich

.

px sollte nicht nötig sein, da Tabellen sowieso nur mit px oder % angegeben werden, oder täusch ich mich da...

Und wenn kein % dahinter steht, nimmt der Browser automatisch px, sonst gibbet ja nichts...

Zitat:

Zitat von SelfHTML

Breitenangaben werden durch das Attribut width notiert, Höhenangaben durch das Attribut height (width = Breite, height = Höhe). Bei allen Angaben sind absolute Zahlenangaben erlaubt, die Breite bzw. Höhe als Anzahl Pixel bestimmen, sowie prozentuale Angaben, die am Ende ein Prozentzeichen (%) haben.

koenixblau · 28.10.2007, 18:56

Zitat:

Zitat von Rinaldo

Oh, da hat´s mir was nicht mitkopiert - width="525" meinte ich

.

px sollte nicht nötig sein, da Tabellen sowieso nur mit px oder % angegeben werden, oder täusch ich mich da...

Und wenn kein % dahinter steht, nimmt der Browser automatisch px, sonst gibbet ja nichts...

Stimmt wir sind bei Tabellen, sorry!

Aber für Kommentare wie diese:

Zitat:

??

hat keiner ne Idee?

Innerhalb der kurzen Zeit, bin ich mal auf die erbrachte Eigeninitiative gespannt.

bw-designer · 28.10.2007, 20:49

mhm, also erst mal danke für so viele Antworten auf einmal

die Methode mit dem Verstellen der ganz äußeren Tebelle hab ich auch schonmal probiert. Aber die Tabelle bleibt trotzdem auf ca. 770 Pixeln stehen und lässt sich nicht weiterverkleinern. Kopiert euch mal den code in einen Editor (ich benutze Dreamweaver 8 ) und verstellt dann jede einzelne innere Tabelle auf 525 Pixel. Es bleiben am Ende nur fünf komische überflüssige Trennstreifen, die ich nicht im Quellcode finden kann.

Ich weis echt nichmehr weiter, aber vielleicht kann man die Tabellen in eine komplett neue kopieren, wo keine solchen Hindernisse sind!?

schauts euch nochmal an, am besten in einem Editor.

Danke im Voraus

und @koenixblau: also versucht hab ich schon sehr viel ohne Erfolg, sonst würd ich nicht hier fragen

bw-designer

Rinaldo · 28.10.2007, 21:42

Hab´s mir mal angesehen - ich verstehe das Problem aber immer noch nicht...

bw-designer · 28.10.2007, 22:15

also so siehts bei mir aus, wenn ich alles auf 525px breite gestellt habe.
(die äußere bleibt jedoch -diesmal- auf ca. 850 pixel stehen)

koenixblau · 28.10.2007, 22:17