Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Tabellen-Border Problem
| geschrieben von rox²³ am 12.03.2005 - 20:11 |
| Ich habe ein Problem mit dem Border meiner Tabelle. Ich möchte das der Border der Tabelle genau mit der darinn befindlichen Grafik abschließt. Das tut er aber nicht. Obwol ich padding 0px verwende ist der untere Bereich immer zu groß. Bsp: http://home.arcor.de/xylomynoxz.666/aussenrand.gif Der Rote Rand ist der Border oben, rechts sowie links schließt er genau mit der Grafik ab. Unten jedoch nicht. Ich habe rausgefunden das das nur mit Grafiken passiert die nicht als Tabellenhintergrund definiert sind sonder direkt per <img src... in der Tabelle stehen. Hat jemand ne ahnung wie ich das hinbekomme das unten auch mit der Grafik abgeschlossen wird? Wie gesagt selbst padding-bottom funktioniert nicht. max-height alles schon probiert    |
| geschrieben von Jan am 12.03.2005 - 20:17 |
| Hi! <table border="0" cellpadding="0" cellspacing="0"> Schon probiert? Wie sieht der Quelltext aus? Gruß Jan |
| geschrieben von rox²³ am 12.03.2005 - 20:25 | ||||||||
| Funktioniert auch nicht. So siehts z.Z. bei mir aus:
headerside:
|
| geschrieben von Sibat am 12.03.2005 - 21:02 |
| Hi! Wenn des jetzt nichts nützt, was spricht dagegen, des einfach als Hintergrundgrafik einzusetzen? Effekt sollte ja der gleiche sein. |
| geschrieben von rox²³ am 12.03.2005 - 21:28 |
| Hab ich vorher gehabt aber das Problem war das sind 2 Grafiken und ein Verlauf die übergangslos zusammen passen. Wenn ich alles als Hintergrund mache überlappt der Verlauf die linke Grafik und die rechte Grafik ist auch nicht mehr vollständig. Das passiert wenn man das Browserfenster vergößert oder verkleinert. Da half auch keine breiten angaben mehr. Entweder der Mozilla hats richtig dargestellt und der IE flasch oder umgedreht. Desshalb mache ich das jetzt so. |
| geschrieben von Simon am 12.03.2005 - 22:21 |
| Ist hier zwar so (in diesem Quelltext) nicht der Fall, aber es kann probleme geben, wenn man die Tags nicht hintereinander schreibt: <td><img src=''></td> <td><img src=''></td> Hier gibt es einen Abstand zwischen den Bildern <td> <img src=''> </td> <td> <img src=''> </td> Wie schon gesagt, wenn dies der Originalquelltext ist, bringts mein geschwafel wieder mal nicht  |
| geschrieben von rox²³ am 12.03.2005 - 22:24 |
| Das Problem tritt nur im Mozilla auf. Lösung gefunden. Es lag an meinem DOCTYPE Habe jetzt auf transitional geändert und das Problem is weg  |
| geschrieben von Simon am 12.03.2005 - 22:24 |
 Was wäre genau so? Enter = Leerschlag (jedenfalls intepretiert dies der IE so) |
| geschrieben von rox²³ am 12.03.2005 - 22:33 | ||||
Versteh ich jetzt nicht |
| geschrieben von Simon am 12.03.2005 - 22:40 |
| Richtig <td><img src='bild1.jpg'></td> <td><img src='bild2.jpg'></td> Es entsteht kei Zwischenraum zwischen den beiden Bildern falsch <td> <img src='bild1.jpg'> </td> <td> <img src='bild2.jpg'> </td> Es entsteht ein Zwischenraum, da <td> und <img> nicht ohne Abstand zu einander hintereinander stehen. Der Browser intepretiert in diesem Fall ein Leerschlag, weil die beiden Tags untereinander stehen (Jetzt komme ich bei dieser erklährung auch nicht mehr draus...) |
| geschrieben von rox²³ am 12.03.2005 - 22:49 | ||||
Hmm also bei mir iss das nicht so egal welcher Browser sogar wenn ich:
Schreibe. ENTER != <br /> |
| geschrieben von Simon am 12.03.2005 - 23:24 |
| ganz sicher nicht. Selbst wenn du cellpadding und cellspacing auf 0 stellt wird zwischen diesen beiden Bildern ein kleiner Abstand sein! |
| geschrieben von rox²³ am 13.03.2005 - 00:42 |
| Hmm tut mir ja leid aber ich habe keine Zwischenräume mehr nicht mal 1 Pixel. |