Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > ie fügt tabellenzeilen net zusammen
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > ie fügt tabellenzeilen net zusammen
Pages: [1]
| geschrieben von mosi am 28.12.2003 - 19:57 |
ich habe mit einer tabelle mehrere bilder zusammengesetzt, ergo das seitenlayout erstellt.
in opera sieht es so aus, wie es soll. nur der ie fügt die tabellenzeilen nicht zusammen sondern macht da immer einen abstand von vielleicht 3 bis 5 px rein.
das ist nicht schön. hat jemand eine idee, wie ich das verhindern kann.
Quelltext der tabelle(n):
| PHP-Quelltext | 1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
|
<?
<table width="775" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="385" height="83">
<img src="gfx/header1.jpg">
</td>
<td width="390" height="83">
<img src="gfx/header2.jpg">
</td>
</tr>
<tr>
<td width="775" height="33" colspan="2">
<img src="gfx/header3.jpg">
</td>
</tr>
<tr>
<td width="180" valign="top">
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" height="145" background="gfx/header4.jpg">
</td>
</tr>
</table>
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" height="50" colspan="3">
<img src="gfx/info1.gif">
</td>
</tr>
<tr>
<td width="5" background="gfx/info2.gif">
</td>
<td width="155" bgcolor="#00A8EC">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
<td width="20" background="gfx/info3.gif">
</td>
</tr>
<tr>
<td width="180" height="50" colspan="3">
<img src="gfx/info4.gif">
</td>
</tr>
</table>
</td>
<td width="595">
</td>
</tr>
</table>
?>
|
jetzt nur mal im php wegen der formatierung |
| geschrieben von Martin am 28.12.2003 - 20:22 |
Ave,
als erstes könntest du die Höhen- und Breitenangaben in den img-Tags angeben und danach die Tabelle um einige Angaben selbiger Art erleichtern.
Ich hab festgestellt um so mehr Freiraum man den Browser zugesteht die Tabelle selbstständig zu organisieren um so besser wird das Ergebnis. Arbeite am besten nach dem Prinzip zwei feste Pixelangaben - oder mehr, je nach Tabelle - und dazwichen eine relative Größenangabe von 100% bei einer festen Tabellenbreite.
mfg martin |
| geschrieben von René am 28.12.2003 - 20:29 |
der IE macht es schon richtig. Ein Zeilenumbruch ist in der Ausgabe immer ein Leerzeichen!
<td><img ...>
</td>
<td><img ...>
</td>
ist falsch hier würdest du hinter jedem Bild ein leerzeichen haben.
Richtig ist
<td><img ...></td>
<td><img ...></td> |
| geschrieben von mosi am 28.12.2003 - 20:37 |
hm... das hab ich mir auch schon gedacht, nur denn geht ja die verdammte formatierung verloren.
egal, ich hatte noch einen fehler, den hab ich behoben und es nun etwas verändert. jetzt siehts auch im ie gut aus
| PHP-Quelltext | 1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
|
<?
<table width="775" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="385" height="83"><img src="gfx/header1.jpg"></td>
<td width="390" height="83"><img src="gfx/header2.jpg"></td>
</tr>
<tr>
<td width="775" height="33" colspan="2"><img src="gfx/header3.jpg"></td>
</tr>
<tr>
<td width="775" height="33" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" valign="top">
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" height="145" background="gfx/header4.jpg">
</td>
</tr>
</table>
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" height="50" colspan="3"><img src="gfx/info1.gif"></td>
</tr>
<tr>
<td width="5" background="gfx/info2.gif">
</td>
<td width="155" bgcolor="#00A8EC">
</td>
<td width="20" background="gfx/info3.gif">
</td>
</tr>
<tr>
<td width="180" height="50" colspan="3"><img src="gfx/info4.gif"></td>
</tr>
</table>
</td>
<td width="595" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
?>
|
nicht schön aber selten ^^
danke für die hilfe |
|