Warum bricht mein Layout zsuammen?

Status
Nicht offen für weitere Antworten.
P

PHPer

Erfahrenes Mitglied
Hey Leute!

Stehe vor einem Problem das ich bisher noch nie lösen konnte. Und zwar geht es um folgendes: Ich habe ein Layout bestehend aus einer Tabelle. Diese soll über den ganzen Browser verteilt sein und sich von der Breite her der Fenstergröße anpassen.
Die Tabelle steht soweit und das auch Problemlos. Doch sobald ich in den Header bereich eine Grafik einbinde bricht mir das ganze Teil zusammen und wird nicht mehr richtig dargestellt. Und zwar wird die vorgegebene Breite der Spalten nicht mehr eingehalten.

Hier mal der Code:

Code: 
<html>
<head>
<title>{titel}</title>
</head>
<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1">

<tr>
<td colspan="5" height="100" class="red">{header}</td> // Header 
</tr>

<tr>
<td colspan="5" height="15" class="black"><img src="blank.gif"></td>
</tr>

<tr>
<td width="160" valign="top">{menue}</td>
<td width="15"><img src="blank.gif"></td>
<td valign="top">{content}</td> // Mittlere Spalte
<td width="15"><img src="blank.gif"></td>
<td width="160" valign="top">{werbung}</td>
</tr>

<tr>
<td colspan="5" height="15" class="black"><img src="blank.gif"></td>
</tr>

<tr>
<td colspan="5" align="center" height="15" class="red">{copyright}</td>
</tr>

</table>

</body>
</html>

Weis jemand zufällig ne Lösung gegen dern zerfall? Wenn ich in der mittleren Spalte eine weight Angabe mache passt sich die Seite nicht mehr der Browsergröße an.

Was tun?

Danke schonmal im vorraus! :(
 
Du brauchst zumindest eine Zelle mit variabler Höhe....nen Browser kann nicht hexen.

Wenn alle Zellen eine fixe Höhe haben, ist das Endergebnis auch eine Tabell mit fixer Höhe....wie soll sie sich denn an das Fenster anpassen können.
 
Ich habe das gleiche Problem, jedoch habe ich keine FIX-Werte für Zelle 1 und 3 verwendet, sondern nur für Zelle 2.
PHP: 
<table width="700" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td width="700" height="400"><img name="platzhalter" src="" width="700" height="400" alt=""></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>
Mein Problem liegt darin, dass sich die obere und untere Zelle nicht automatisch anpasst.
Ich weis das ich dafür Werte vergeben muss, aber welche ?
Relative Werte klappen ja bei Zellen nicht, oder ?
Es muss halt immer so angezeigt werden, dass der mittlere Breich immer gleich bleibt von der Position und der Rest sich automatisch an an die Auflösung anpasst.
Kann mir dabei jemand helfen ?

Gruss,
C4T
 
Man kann Maße auch in Sternen * angeben



d. h.bei 3 Spalten, wenn zum Beispiel mitllere Spalte 500 px, obere doppelt so groß wie unterste:

width="2*"

width="500px"

width="*"


Viel Spaß beim Einbauen ;)
 
Ähhh, mir geht es um die Ausrichtung.
Ich habe nicht das Problem bei den Spalten, sondern bei den Zellen.
Hier mal eine kleine Grafik (Siehe unten)

Ich will einfach nur den mittleren Teil (Schwarze Zelle, siehe Bild unten) einer 3 zeiligen Tabelle, immer in der absoluten Mitte vom Bildschirm haben, und die Zelle oben und unten, muss sich dann automatisch von der Grösser her, anpassen.
Und das ist mein bisheriger Code, der aber nicht wirklich funktioniert :/
PHP: 
<body leftmargin="0" topmargin="0">

<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" height="100%">
	<div align="center">
	
	
	<table width="700" height="430" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><div align="center">1</div></td>
    <td height="30"><div align="center">2</div></td>
    <td height="30"><div align="center">3</div></td>
  </tr>
  <tr>
    <td height="400" colspan="3"><img name="" src="" width="700" height="400" alt=""></td>
    </tr>
</table>

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


</body>
 

Anhänge

  • tabelle.gif
    tabelle.gif
    1,3 KB · Aufrufe: 43
hm

ich würds so machen:

<table border="1" height="100%" width="100%" >
<tr height="15%">
<td > d</td>
</tr>
<tr height="70%">
<td > n</td>
</tr>
<tr height="15%">
<td > r</td>
</tr>
</table>


dann ist die die mitllere Spalte immer gemittelt und es wir alles auch bei niedriger Auflösung richtig angezeigt.
(Was bringt es eine Spalte auf 700 px festzulegen, dass die anderen bei kleiner Fenstergröße komplett verschwinden?
 
Na so hätte ich es ja selbst geschafft.
Die Zellen mit Prozenten zu belegen ist ja nicht das Problem.
Die mittlere Zelle, MUSS diese festen Werte haben, deshalb kann ich bei den anderen Zellen nicht mit % arbeiten
Hat denn niemand nen guten Tip ?

Gruss,
C4T

(Was bringt es eine Spalte auf 700 px festzulegen, dass die anderen bei kleiner Fenstergröße komplett verschwinden?)
Zum Vergrößern anklicken....
Es gibt ja verschiedene Auflösungen. Ich z.b. habe 1600x1200, da verschwindet so schnell nichts. Mit 800 x 600 kann man sichs dann auch noch anschaun.
Wer drunter liegt, hat pech gehabt, aber sowas kommt ja kaum noch vor.
 
Zuletzt bearbeitet:
Hab jetzt ne variable Höhe reingebaut. Jedoch hat das auch nix gebracht, da das Template auf einer Seite (Impressum) zusammenbricht während es bei denr restlichen Seiten hält.

mit width="*" hab ich auch keinen Erfolg...
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück