mec: Anfängerproblem mit Tabellen!

Hi!
Ich habe ein Tabellenproblem.
Die obere Zeile stimmt. Das Bild wird auch linksbündig platziert, alles Ok.
In der unteren Zeile sollen meine Buttons Platziert werden, auch alle Linksbündig,unabhängig von der Browsergröße, aber wenn ich das Browserfenster vergrößer werden sie nach rechts gezogen und das auch noch mit unregelmäßigen Abständen. Ich weiß echt nicht mit was ich es noch versuchen soll.
Ich hab es schon mit CSS versucht.
mit align und valign in jedem möglichen Tag, ich versteh einfach nicht wo mein Fehler liegt.
Vielleicht kann mir jemand von euch helfen!?

Hier ist mal der Ausschnitt:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table cellpadding="0" cellspacing="0" border="0"width="100%" height="100%">
 <tr>
     <td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"
style="background-image:url(.../pics/allgemein/BGleisteOben.jpg);">
     <tr>
      <td colspan="7">
      <img src=".../pics/allgemein/leisteOben.jpg" width="776" height="90"></td>

</tr>

<tr bgcolor="#ABABAB">
     <td width="120" height="23"><img src=".../pics/allgemein/spacer.gif" width="120" height="23"></td>
     <td width="77" height="23"><img src=".../pics/allgemein/NaviBlau/ueberUns.gif" width="77" height="23"></td>
     <td width="129" height="23"><img src=".../pics/allgemein/NaviBlau/innov.gif" width="129" height="23"></td>
     <td width="109" height="23"><img src=".../pics/allgemein/NaviBlau/stipen.gif" width="109" height="23"></td>
     <td width="72" height="23"><img src=".../pics/allgemein/NaviBlau/bogy.gif" width="72" height="23"></td>
     <td width="108" height="23"><img src=".../pics/allgemein/NaviBlau/mitgl.gif" width="108" height="23"></td>
     <td></td>
</tr>

</table>
 </td>
 </tr>

  1. Hi,

    <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"
    style="background-image:url(.../pics/allgemein/BGleisteOben.jpg);">

    Könnte es vielleicht daran liegen, dass du eine Breite von 100% angibst? :-)

    Gruß
    Ben

    1. Hi Ben,
      wenn ich keine 100% angebe dann geht die Tab in der Breite nicht über das Ganze Browserfenster. Und das soll sie ja. Ich habe die Seite vom Layout für eine Auflösung von 600x800 Optimiert und für alle andern soll ja das background-image:url(..)ein Auffüller sein.
      Und wie gesagt, diese Zeile funktioniert gut, nur die Untere hauts werg!
      Vielleicht hast du ja noch ein Tip?!
      Aber auf jedenfall mal Danke:)

      1. Hi,

        hast du die Datei online, dass man sich die mal komplett anschauen kann? :-)

        1. Leider nicht:(
          Aber meinst du Ich kann sie hier hin Kopieren?
          Ist ja nicht sooo viel!

          1. Schick sie mir am besten mal kurz per eMail rüber. Ist besser, als wenn wir hier das Forum zuschütten :-)

            Gruß
            Ben

            1. Hey das ist ja super!
              Mail ist gleich unterwegs,
              vielen Dank :)

            2. Hey Ben, hab leider ein Problem mit deiner mail adresse. GMX will die Mail nicht an dich schicken und meldet Fehler:(

              grüße
              mec

              1. Hey,

                versuch mal die da oben ^ :-)

                Gruß
                Ben

                1. ich glaube es hat funktioniert..... ;)
                  grüße
                  mec

  2. Hi,
    setze die Buttons einfach nur in eine Zelle, also entweder alle Zellen mit colspan verbinden, oder wenn Du sie nur wegen den Buttons hast und sonst nicht brauchst das "obere" colspan weglassen.

    Auf dass es hilft ;-)

    Cheers Chris

    1. Hi,
      Ich werds mal Ausprobieren:)
      Danke
      cu
      mec

  3. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    Schau dir mal CSS an, sowas macht man heute nicht mehr.

    <table cellpadding="0" cellspacing="0" border="0"width="100%" height="100%">
    <tr>
         <td>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"
    style="background-image:url(.../pics/allgemein/BGleisteOben.jpg);">
         <tr>
          <td colspan="7">
          <img src=".../pics/allgemein/leisteOben.jpg" width="776" height="90"></td>

    Auch das scheint mir ziemlicher Humbug zu sein.
    Was spricht den gegen:

    <img src=".../pics/allgemein/leisteOben.jpg" width="776" height="90">

    was macht eigentlich der Hintergrund?
    evtl. musst du diesen in ein DIV einbauen, läßt sich aber so aus dem Code nicht schliessen.

    </tr>

    <tr bgcolor="#ABABAB">
         <td width="120" height="23"><img src=".../pics/allgemein/spacer.gif" width="120" height="23"></td>
         <td width="77" height="23"><img src=".../pics/allgemein/NaviBlau/ueberUns.gif" width="77" height="23"></td>
         <td width="129" height="23"><img src=".../pics/allgemein/NaviBlau/innov.gif" width="129" height="23"></td>
         <td width="109" height="23"><img src=".../pics/allgemein/NaviBlau/stipen.gif" width="109" height="23"></td>
         <td width="72" height="23"><img src=".../pics/allgemein/NaviBlau/bogy.gif" width="72" height="23"></td>
         <td width="108" height="23"><img src=".../pics/allgemein/NaviBlau/mitgl.gif" width="108" height="23"></td>
         <td></td>
    </tr>

    Wozu eine Tabelle?

    Einfach alle Grafiken nebeneinander in ein Div gepackt Abständer definiert und fertig:

    <div id="menu">
    <img src=".../pics/allgemein/spacer.gif" width="120" height="23">
    <img src=".../pics/allgemein/NaviBlau/ueberUns.gif" width="77" height="23">
    <img src=".../pics/allgemein/NaviBlau/innov.gif" width="129" height="23">
    <img src=".../pics/allgemein/NaviBlau/stipen.gif" width="109" height="23">
    <img src=".../pics/allgemein/NaviBlau/bogy.gif" width="72" height="23">#
    <img src=".../pics/allgemein/NaviBlau/mitgl.gif" width="108" height="23">
    </div>

    und im CSS
    #menu
    {
      background-color: #ababab;
      width:100%;
      text-align:center;
    }

    text-align richtet sich danch ob den rand links oder rechts haben willst.

    Das sind nur Denkansätze für weitere Informationen schau dir mal die CSS Seiten bei selfhtml an.

    Struppi.

    1. Hey Struppi,
      Vielen Dank für deine Tips, du hast recht, mein Text sieht ziehmlich mieß aus. Ich werde es jetzt mit den divs versuchen.
      Der Hintergrund
      <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"
      style="background-image:url(.../pics/allgemein/BGleisteOben.jpg);">

      soll sich einfach auf der Fensterbreite in der höhe der Tab immer vervielfachen bis das Fenster zuende ist. Davor liegt eben das
      Bild
      <img src=".../pics/allgemein/leisteOben.jpg" width="776" height="90">

      Also, ich werd  das ganze noch mal mit CSS versuchen.
      Ich hatte schon einen Versuch gestartet, hab dann aber wohl irgendwas falschgemacht, und mir hat es alles zerhagelt, dann dachte ich ******* mach ichs nur über HTML....:)
      Danke und Gruß
      mec

  4. Grüße,

    hast du schon mal das probiert??

    align="left" in den <table> tag reinzunehmen??
    vielleicht bringt auch ein align="left" im <tr> und <td> tag??

    weiß ja nicht was du ausprobiert hast :-))

    Tschü

    1. Hi Jens!
      habe sogar schon align="left"  im Body stehen gehabt *gg*
      aber ne im ernst, hatte es wirklich schon überall.
      Aber vielleicht sollte ich noch nicht aufgeben und es nochmal versuchen!
      Danke für deinen Tip,
      grüße
      mec