[Erledigt] Foto exakt in Tabellenzelle platzieren

choice · 23.11.2009, 22:17

Hallo, ich habe ein eigentlich einfaches Problem, weiss aber trotzdem nicht wo das Problem liegt:
td mit der class="oben" ist 91px hoch. Wenn ich dort ein Foto, welches auch genau 91px hoch ist einfüge, dann erhöht sich die Höhe von td class="oben" und td class="rechts" um ca. 3px von selber, also sichtbar, wenn man diese td farblich hinterlegt. Das Problem tritt in allen Browsern auf ... Hat da jemand ne Idee? Vielen Dank.

Code:

td {padding:0px;}

img {
  border:0px solid;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

.oben   {height:91px;}
.unten  {height:509px;}
.rechts {height:600px;}

<table border="0" cellspacing="0">
  <tr>
    <td class="oben"><img src="xy.jpg"></td>
    <td rowspan="2" class="rechts"><img src="yz.jpg"></td>
  </tr>
  <tr>
    <td class="unten">&nbsp;</td>
  </tr>
</table>

nikosch · 23.11.2009, 22:29

Liegt vermutlich am nicht gesetzten cellpadding. Für Tabellen gibt es auch noch weitere CSS-Angaben.

choice · 24.11.2009, 09:27

Hallo nikosch, leider nein, cellpadding würde ja auch nicht nur am unteren Rand wirken, wie bei mir, sondern rings ums Bild, also wie td {padding:0px} ...
Bei meiner Tabelle vergrößern sich ja auch alle 3 Zellen am unteren Rand, wenn ich nur in die obere Zelle ein eigentlich passendes Bild einfüge ... seltsam

choice · 24.11.2009, 09:47

verdammte Schei..

es liegt gar nich an der Tabelle, denn die separierte Tabelle macht was ich will. Es liegt an den diversen verschachtelten div's, in einem die Tabelle liegt. Sorry. Gruß

choice · 24.11.2009, 12:19

und zu guter Letzt:

verursachte mein Problem:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

brachte die Lösung:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
foto anzeige	autofieber	PHP Tipps 2009	3	02.02.2009 10:45
Foto upload Problem	waldsee	PHP Tipps 2009	2	13.01.2009 17:31
[Erledigt] Foto Galerie Uploadanzeige?		PHP-Fortgeschrittene	10	07.02.2006 15:49
[Erledigt] Foto proportional verkleinern / vergrößern		PHP Tipps 2005-2	1	15.10.2005 15:50

23.11.2009, 22:17
choice Erfahrener Benutzer Registriert seit: 03.03.2009 Beiträge: 264 PHP-Kenntnisse: Anfänger	[Erledigt] Foto exakt in Tabellenzelle platzieren Hallo, ich habe ein eigentlich einfaches Problem, weiss aber trotzdem nicht wo das Problem liegt: td mit der class="oben" ist 91px hoch. Wenn ich dort ein Foto, welches auch genau 91px hoch ist einfüge, dann erhöht sich die Höhe von td class="oben" und td class="rechts" um ca. 3px von selber, also sichtbar, wenn man diese td farblich hinterlegt. Das Problem tritt in allen Browsern auf ... Hat da jemand ne Idee? Vielen Dank. Code: td {padding:0px;} img { border:0px solid; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .oben {height:91px;} .unten {height:509px;} .rechts {height:600px;} <table border="0" cellspacing="0"> <tr> <td class="oben"><img src="xy.jpg"></td> <td rowspan="2" class="rechts"><img src="yz.jpg"></td> </tr> <tr> <td class="unten"> </td> </tr> </table>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.11.2009, 22:29
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Liegt vermutlich am nicht gesetzten cellpadding. Für Tabellen gibt es auch noch weitere CSS-Angaben. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

24.11.2009, 09:27
choice Erfahrener Benutzer Registriert seit: 03.03.2009 Beiträge: 264 PHP-Kenntnisse: Anfänger	Hallo nikosch, leider nein, cellpadding würde ja auch nicht nur am unteren Rand wirken, wie bei mir, sondern rings ums Bild, also wie td {padding:0px} ... Bei meiner Tabelle vergrößern sich ja auch alle 3 Zellen am unteren Rand, wenn ich nur in die obere Zelle ein eigentlich passendes Bild einfüge ... seltsam

24.11.2009, 09:47
choice Erfahrener Benutzer Registriert seit: 03.03.2009 Beiträge: 264 PHP-Kenntnisse: Anfänger	verdammte Schei.. es liegt gar nich an der Tabelle, denn die separierte Tabelle macht was ich will. Es liegt an den diversen verschachtelten div's, in einem die Tabelle liegt. Sorry. Gruß