• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Table: width + colspan

L

Luggi

Neues Mitglied
Hallo. Also ich bin ja eigentlich net blöde in Sachen PHP, HTML und CSS. Aber das Ding hier raubt mir die Nerven.

Und zwar folgender Code:

HTML: 
<table border=1 width=300>
                <tr>
                    <td width=200 height=200 rowspan=2 colspan=2>200px x 200px</td>
                    <td width=100 height=100>100px x 100px</td>
                </tr>
                <tr>
                    <td width=100 height=100>100px x 100px</td>
                </tr>
                <tr>
                    <td width=100 height=100>100px x 100px</td>
                    <td width=200 height=100 colspan=2>200px x 100px</td>
                </tr>
            </table>

Ist jetzt recht Schlamping geschrieben, soll ja schnell gehen. In Google Chrome sieht es super aus.
Aber in Opera ist alles verzogen. Die Seitenverhältnisse in CSS zu schreiben ist auch keine Lösung. Da krieg ich das selbe Resultat. Also hat jemand eine Ahnung wie ich diese simple einfache Tabelle in allen Browsern "schick" gezeichnet bekomme?

fskjoj.png


Ich habe da 2 Vermutungen:
1. Opera hat einen Bug
2. Opera ignoriert die Pixelangaben in Tabellen (Prozentualangaben funktionieren)

Grüße
 
Luggi schrieb:
Hallo. Also ich bin ja eigentlich net blöde in Sachen PHP, HTML und CSS. Aber das Ding hier raubt mir die Nerven.


Ich habe da 2 Vermutungen:
1. Opera hat einen Bug
2. Opera ignoriert die Pixelangaben in Tabellen (Prozentualangaben funktionieren)

Grüße
Zum Vergrößern anklicken....

Ich habe da ein paar Vorschläge:

1. Verwende CSS für die Formatierung.
2. Installiere FF mit Firebug für WYSIWIG Design.
3. Sollte beides nicht zum Ziel führen, poste hier einen Link zu deiner Seite, und wir schauen uns das mal gemeinsam an.


Für Tabellenlayout wurde der Support leider vor 10 Jahren eingestellt.
 
Tronjer schrieb:
Ich habe da ein paar Vorschläge:

1. Verwende CSS für die Formatierung.
2. Installiere FF mit Firebug für WYSIWIG Design.
3. Sollte beides nicht zum Ziel führen, poste hier einen Link zu deiner Seite, und wir schauen uns das mal gemeinsam an.


Für Tabellenlayout wurde der Support leider vor 10 Jahren eingestellt.
Zum Vergrößern anklicken....

zu 1. Habe ich, selbe Ergebnis, es funktioniert nicht wie gewollt.
zu 2. Und was bringt mir das? Firefox hat das selbe Problem wie Opera.
zu 3. Guter Vorschlag. Hier ein bisschen Quellcode ;)

PS: Ich habe darunter noch eine Tabelle mit Prozentualen angaben gebildet. Wie man erkennen kann, ist alles sehr Schick. Aber es funktioniert leider nicht mit statischen Pixelangaben. Dennoch hätte ich es gerne so.

HTML: 
<html>
	<head>
		<title>Tabellentest</title>
		<style>
			table
			{
				border: 1px solid #000000;
			}
			
			td
			{
				border: 1px solid #000000;
				display: inner-block;
			}
			
			img.bl {width: 400px; height: 300px;}
			img.sr {width: 200px; height: 150px; float: right;}
		</style>
	</head>
	<body>
		Mit Pixelangaben
		<table style="width: 300px;">
			<tr>
				<td style="width: 200px; height: 200px;" rowspan=2 colspan=2>200px x 200px</td>
				<td style="width: 100px; height: 100px;">100px x 100px</td>
			</tr>
			<tr>
				<td style="width: 100px; height: 100px;">100px x 100px</td>
			</tr>
			<tr>
				<td style="width: 100px; height: 100px;">100px x 100px</td>
				<td style="width: 200px; height: 100px;" colspan=2>200px x 100px</td>
			</tr>
		</table>
		
		<hr/>
		Mit Prozentangaben
		<table style="width: 300px;">
			<tr>
				<td style="width: 66%; height: 200px;" rowspan=2 colspan=2>66%</td>
				<td style="width: 33%; height: 100px;">33%</td>
			</tr>
			<tr>
				<td style="width: 33%; height: 100px;">33%</td>
			</tr>
			<tr>
				<td style="width: 33%; height: 100px;">33%</td>
				<td style="width: 66%; height: 100px;" colspan=2>66%</td>
			</tr>
		</table>
		
	</body>
</html>

Grüße
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben