Tabelle auf dem Bildschirm entprechend zentrieren

Status
Nicht offen für weitere Antworten.
@ zg peripherals :

Ups, ich hatte garnicht bemerkt, dass es sich um Hintergrundbilder handelt:-(
Ist natürlich eleganter!
 
naja, eigentlich sollte es sich ja gar nicht um Hintergrundbilder handeln. Aber ich versuch es mal. Klingt gut.

Aber das eigentliche Problem ist noch nicht gelöst. Die Tabellellen: ich habe also drei Tabellen: eine in der Mitte mit der absoluten Grösse von 800x600 Pixeln. Dann müssen die aüsseren sich ja automatisch strecken. Also mit "xx%" arbeiten. auch das habe ich versucht. Allerdings ändert sich die linke Tabelle nicht. Ich arbeite mit Dreamweaver. Wie sieht da das Skript aus. Wie gesagt: meins klappt nicht. ich kanns ja mal posten. Aber nacher kopiert das noch jemand und macht sich verdammt unglücklich.

Ich hoffe weiter auf eure Hilfe. Vielen Dank schonmal

zg
 
Aber nacher kopiert das noch jemand und macht sich verdammt unglücklich.
Zum Vergrößern anklicken....
.. der ist dann selber Schuld. Also poste ruhig (oder zumindest einen Ausschnitt).

Mit den prozentualen Werten für die Zellen/Bilder habe ich bisher noch
keine Probleme gehabt.
Ich könnte mir höchstens vorstellen: wenn Du keine Werte für die
Zellen (links und rechts) angegeben hast, hat der Browser etwas mehr
Freiraum und könnte so einen Fehler verursachen...
Ich gebe deshalb den Randzellen immer (identische) prozentuale Werte
(z.B. 50%) - damit werden sie in der Regel gleich groß (breit).

Gruß

Tabellellen
Zum Vergrößern anklicken....
der gefällt mir! :-)
 
Zuletzt bearbeitet:
Hi,

also hier ist der Skript-Ausschnitt:



<body bgcolor="#FFFFFF" text="#000000">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25%" valign="top" rowspan="3">&nbsp;</td>
<td width="631" height="70"></td>
<td width="25%" rowspan="3" valign="top" align="right">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="604" bgcolor="#000000">&nbsp;</td>
</tr>
<tr>
<td height="119"></td>
</tr>
<tr>
<td height="0"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="1"><img height="1" width="314" src="/sibg.jpg"></td>
<td><img height="1" width="631" src="/sibg.jpg"></td>
<td></td>
</tr>
</table>
</body>

Ich habe hier statt 50% (jeweils) nur 25% benutzt. Allerdings habe ich von 10% bis 100% einiges ausprobiert!

Ich weiss nicht wo das Problem ist!
 
Hi,

folgendermaßen sollte es funktionieren:
PHP: 
<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="25%"></td>
    <td width="640"></td>
    <td width="25%"></td>
  </tr>
  <tr>
    <td width="50%"></td>
    <td width="640"><img name="TestBild" src="" width="640" height="400" alt="" style="background-color: #00CC66"></td>
    <td width="50%"></td>
  </tr>
  <tr>
    <td width="50%"><img src="" alt="L" name="Links" width="100%" height="32" id="Links"></td>
    <td width="640"><div align="center"><img name="LeisteMitte" src="" width="640" height="32" alt="Leiste Mitte"></div></td>
    <td width="50%"><img src="" alt="R" name="Rechts" width="100%" height="32" id="Rechts"></td>
  </tr>
</table>
</body>

Ich hatte schon des öfteren Probleme, wenn ich mit verbundenen Zellen gearbeitet
habe - also z.B. nicht in jeder Spalte die selbe Zeilenanzahl habe (rowspan).
Frag mich nicht, warum...

Wenn es wichtig ist, dass die Zellen an den Seiten die ganze Höhe der
Tabelle ausnutzen, mach lieber eine Tabelle mit einer Zeile und setze eine
weitere Tabelle in die mittlere Spalte.

Gruß
 
Hi Datic,

erst mal vielen Dank für deine schnelle und ausführliche Hilfe - vor allem um diese Uhrzeit.

Das Skript funktioniert (natürlich?). Bevor ich mich jetzt allerdings an die FehlerDiagnose mache, habe ich noch eine letzte Frage: Wie mache ich das jetzt, dass sich die Bilder in den äusseren Tabellen dezent strecken oder kürzen, je nach dem, wie es erforderlich ist. Also so (wie oben schon erwähnt), dass die Bilder eine Art "unendlich"-Bild ergeben. Und das Bild in der Mitte weiter zentriert bleibt?

Gruss

zg
 
Hi,

Wirf mal einen Blick auf diese Zeile:
PHP: 
<img src="" alt="L" name="Links" width="100%" height="32" id="Links">

Dadurch, dass Du den Bildern eine Breite von 100% zuweist, füllen sie immer
die ganze Zelle aus, egal wie breit diese aktuell ist.

Aus diesem Grund habe ich ja diese Bildplatzhalter eingebaut, um das zu
demonstrieren.

Du könntest allerdings auch (wie King Euro sagte) Hintergrundbilder
verwenden; in dem Fall wird das Bild nicht gestreckt, sondern wiederholt.

Im ersten Fall sollten die verwendeten Bilder horizontal gleichförmig sein,
also jeder vertikale Querschnitt des Bildes sollte identisch sein.
Im zweiten Fall genügt es, wenn sich linke und rechte Kante genügend
ähneln, um eine "sanfte" Wiederholung zu ermöglichen.

Gruß
 
Hi,

also fast perfekt.... nur.... es geht nicht. Ich verzweifel noch... und das so kurz vorm Ziel. Wenn ich da meinen eigenen Bilder hinhänge, dann gehts nicht. Die Linke Tabelle ist weiter bei der Grösse des Bildes (trotz 100%) Schau dir doch bitte nochmal das Skript jetzt an, und sag mir wo der Fehler ist!

Danke schonmal

zg


Skript:

PHP: 
<body bgcolor="#FFFFFF" text="#000000"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="25%"></td>
    <td width="100%"></td>
    <td width="25%"></td>
  </tr>
  <tr> 
    <td width="50%"></td>
    <td>&nbsp;</td>
    <td width="50%"></td>
  </tr>
  <tr> 
    <td width="50%"><img src="file:///D|/Programme/Macromedia/Dreamweaver%204/Lessons/Lesson%20Files/sibg.jpg" alt="L" name="Links" width="395" height="600" id="Links"></td>
    <td> 
      <div align="center"><img name="LeisteMitte" src="file:///D|/Programme/Macromedia/Dreamweaver%204/Lessons/Lesson%20Files/sim.jpg" width="800" height="600" alt="Leiste Mitte"></div>
    </td>
    <td width="50%"><img src="file:///D|/Programme/Macromedia/Dreamweaver%204/Lessons/Lesson%20Files/sibg.jpg" alt="R" name="Rechts" width="395" height="600" id="Rechts"></td>
  </tr>
  <tr> 
    <td height="1"><img height="1" width="100%" src="/sibg.jpg"></td>
    <td></td>
    <td><img height="1" width="100%" src="/sibg.jpg"></td>
  </tr>
</table> 
</body>
 
Zuletzt bearbeitet:
PHP: 
<img src="file:///someting very long.jpg" alt="L" name="Links" width="395" height="600" id="Links">

Wenn ich das richtig sehe, ist die Bildbreite hier noch auf 295 Pixel gestellt.
Sollte aber 100% sein.

Ich hoffe, ich habe jetzt das richtige Bild erwischt -werde nachher Deinen
Code mal testen; jetzt muss ich leider mal kurz weg. :)

Gruß
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück