tabellenformatierung

new user

Hey,

meine HTML-Kenntnisse sind leider nicht mehr die allerfrischten....

Das

Code

<table style="width:100%; height:100%;">
		<tr>
			<td colspan="2" style="width:100%; height:45px; background-color:blue;">
			</td>
		</tr>
		<tr>
			<td colspan="2" style="height:7px;"></td>
		</tr>
		<tr>
			<td style="width:130px; height:*; background-color:green;">
			</td>
			<td style="width:*; height:*; background-color:yellow;">
			</td>
		</tr>
		<tr>
			<td colspan="2" style="width:100%; height:45px; background-color:orange;">
			</td>
		</tr>

Alles anzeigen

soll meine Tabelle werden. Ich hatte mir eingebildet, dass man mit dem * als Platzhalter immer auf die fehlenden 100% aufrundet, stimmt wohl leider nicht so ganz...

Also die Tabelle soll halt fixe und variable Bereiche haben, wobei jetzt oben im Quelltext das * für "bis auf 100%" steht.

Wie kann ich das machen?

greetz

Aeos

Also, frag mich nun icht warum, denn ich weiß es nicht. Nimmst du aber bei blei und Orange die style anweisung width=100% raus, dann foramtiert er die Tabelle wie vorgesehen.

Auf 100% kommt er dennoch, da es im einleitenden Tabellen Tag definiert wurde.

Habe es nur mit FF und IE getestet, scheint aber zu gehen.

Code

<table style="width:100%; height:100%;">
      <tr>
         <td colspan="2" style=" height:45px; background-color:blue;">
         </td>
      </tr>
      <tr>
         <td colspan="2" style="height:7px;"></td>
      </tr>
      <tr>
         <td style="width:130px; height:*; background-color:green;">
         </td>
         <td style="width:*; height:*; background-color:yellow;">
         </td>
      </tr>
      <tr>
         <td colspan="2" style=" height:45px; background-color:orange;">
         </td>
      </tr>

Alles anzeigen

new user

danke, funktioniert bei mir aber leider nicht.

gelb und grün sind bei mir nur Striche und füllen nicht den ganzen bildschirm aus

Aeos

oh. welches problem hast du denn vorher gehabt? was für ein betriebssystem mit was für einem browser nutzt du?

Edit: oder war es das gleiche Problem? Bei mir hat er den grünen Bereich lediglich über den gesamten Screen gezogen, und das gelben an den Rand gedrückt.

Ronald

Moin!

Die * sind Unfug, so etwas gibt es nur bei Framesets.
Wenn du eine variable Höhe/Breite angeben willst, dann nimmt man z.B. "height:auto". Das ist aber überflüssig, denn wenn es nicht anders definiert wurde, ist die Höhe/Breite immer "auto".

Schau dir dies an:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="margin:0px">
<table border="0" cellspacing="0" cellpadding="0" style="width:100%;height:100%;">
 <tr>
  <td colspan="2" style="height:45px;background-color:blue;"></td>
 </tr>
 <tr>
  <td colspan="2" style="height:7px;"></td>
 </tr>
 <tr>
  <td style="width:130px;background-color:green;"></td>
  <td style="background-color:yellow;"></td>
 </tr>
 <tr>
  <td colspan="2" style="height:45px;background-color:orange;"></td>
 </tr>
</table>
</body>
</html>

Alles anzeigen

G.a.d.M.

Ronald

Tags