nicht angemeldet
Tabellenproblem in komplexer Seite
0 0 
Gernot Back
Tabellenproblem in komplexer Seite
High!
Nachdem im deutschsprachigen Drupal-Forum mir offensichtlich keiner weiterhelfen kann, versuche ich hier mein Glück...
Vorneweg: ich bin mir nicht einmal sicher, ob es ein reines PHP- oder nicht doch auch ein CSS- oder sogar HTML-Problem ist... steinigt mich daher bitte nicht für eine möglicherweise falsche Kategorisierung!
Es geht um eine mit Drupal erstellte Hauptseite ( http://www.printeverywhere.com/drupal-5.3-DE/ ), in deren Titelleiste das Standard-Template (garland, falls sich hier jemand mit Drupal näher auskennt) dahingehend modifiziert wurde, dass statt eines Farbverlaufs als Hintergrund und einem Logo als Inline-Bild eine Tabelle mit zwei Spalten und zwei Zeilen angezeigt wird, deren untere eine einzige Zelle (colspan="2") mit einfarbigem Hintergrund enthält.
Die Höhen beider Zeilen sind explizit festgelegt (erste Zeile 96 Pixel, zweite 20 Pixel) - trotzdem bleibt, egal was ich anstelle, immer ein ca. 10 Pixel hoher Leerraum zwischen den beiden Zeilen, in dem der seitenweite blassblaue Hintergrund zu sehen ist. Firebug hilft mir beim Aufspüren des Fehlers auch nicht weiter, es scheint kein Bildelement zu geben, dessen Obergrenze mit der oberen oder unteren Grenze des besagten Zwischenraums zusammenfällt - bis auf den #wrapper, aber da die Höhe zu ändern bewirkt ebenfalls nichts.
Die beiden zugrundeliegenden PHP- und CSS-Skripte sind ziemlich umfangreich, daher poste ich (erst einmal) nur den HTML-Teil mit der Tabelle (die übrigens "isoliert", ohne den ganzen PHP-Kram, korrekt angezeigt wird!):
[code=html]
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-right:0px">
<tr height="96px">
<td valign="top" width="50%" style="padding-left:0px; padding-top:4px"><img src="http://www.printeverywhere.com/drupal-5.3-DE/ppp_logo.jpg" hspace="0" vspace="0"></td>
<td valign="top" align="right" style="padding-right:0px; padding-top:4px"><img src="http://www.printeverywhere.com/drupal-5.3-DE/hl_bgi.jpg" hspace="0" vspace="0"></td>
[/code]
Bis bald im Khyberspace!
Yadgar
-
Yerf!
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-right:0px">
<tr height="96px">
<td valign="top" width="50%" style="padding-left:0px; padding-top:4px"><img src="http://www.printeverywhere.com/drupal-5.3-DE/ppp_logo.jpg" hspace="0" vspace="0"></td>
<td valign="top" align="right" style="padding-right:0px; padding-top:4px"><img src="http://www.printeverywhere.com/drupal-5.3-DE/hl_bgi.jpg" hspace="0" vspace="0"></td>Mir fallen hier 2 Dinge auf: 1\. Die Bilder sind 96px hoch und die Tabellenzelle hat 4px Padding. Die Zeile soll aber trotzdem insgesammt nur 96px hoch sein... da passt was nicht. 2\. Die Zellen haben laut Firebug mehr als 96px Höhe. Ich tippe hier mal auf die beliebten Unterlängen. Gib den Bildern doch mal display:block; Gruß, Harlequin -- <!--[if IE]>This page is best viewed with a webbrowser. [Get one today!](http://www.opera.com)<![endif]-->-
High!
Yerf!
Man in nemifahmam... kodâm zabân in hast?
(Das verstehe ich nicht... welche Sprache ist das?)- Die Bilder sind 96px hoch und die Tabellenzelle hat 4px Padding. Die Zeile soll aber trotzdem insgesammt nur 96px hoch sein... da passt was nicht.
Wenn ich die Paddings wegnehme (nachdem den von dir unter 2. vorgeschlagenen Schritt getan habe) ändert sich nichts.
- Die Zellen haben laut Firebug mehr als 96px Höhe. Ich tippe hier mal auf die beliebten Unterlängen. Gib den Bildern doch mal display:block;
Der Zwischenraum wird kleiner, ist aber immer noch schätzungsweise 6 Pixel hoch!
Bis bald im Khyberspace!
Yadgar
-
Yerf!
Man in nemifahmam... kodâm zabân in hast?
(Das verstehe ich nicht... welche Sprache ist das?)Die Fuchssprache ;-)
Wenn ich die Paddings wegnehme (nachdem den von dir unter 2. vorgeschlagenen Schritt getan habe) ändert sich nichts.
Irgendwoher bekommen die Tabellenzellen noch ein Padding. Selbst der Firebug konnt mir nicht verraten woher... Gib ihnen doch mal direkt ein Padding:0, dann sollte der Abstand verschwinden.
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->-
High!
Die Fuchssprache ;-)
Ah, zabân-e rubâhân! Rubâhân-e Afghânestân in ham mifahmand?
(frei: kann ich mich damit auch mit afghanischen Füchsen verständigen?)Irgendwoher bekommen die Tabellenzellen noch ein Padding.
Sozusagen Matsch am Paddel... ;-)
Selbst der Firebug konnt mir nicht verraten woher... Gib ihnen doch mal direkt ein Padding:0,
O.k. (paddel paddel paddel, matsch matsch matsch... und wenn jetzt noch ein handzahmer Fischotter vorbeipaddelt, bin ich einfach nur noch glücklich!)
dann sollte der Abstand verschwinden.
Yep, das war's! Nur - wer rechnet schon mit sowas?
Jetzt muss ich allerdings für den Hintergrund des #logo-floater einen kleinen vertikalen Versatz einstellen, damit das Muster wieder passt...Auf jeden Fall danke!
Bis bald im Khyberspace!
Yadgar
-
Yerf!
Ah, zabân-e rubâhân! Rubâhân-e Afghânestân in ham mifahmand?
(frei: kann ich mich damit auch mit afghanischen Füchsen verständigen?)Sind das diese netten Gesellen hier?
Kann ich nicht genau sagen, mein Desktop-Hintergrundbild ist nicht besonders gesprächig ;-)Yep, das war's! Nur - wer rechnet schon mit sowas?
Das mit dem Padding hat mich auch verwundert, vor allem Stand da doch sogar ein Cellpadding=0 in der Tabelle, das ist zwar veraltet, sollte aber trotzdem wirken...
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
-
-
-
-
Hallo Yadgar, Nachbar,
Ich kann diesen Abstand weder im Firefox 2.0.0.11 noch im IE7 nachvollziehen. Wo soll der sein? Nutzt du möglicherweise den IE6?
Bis bald im Khyberspace!
Ich bin ganz nah, stehe auch in deinem Telefonbuch!
Gruß Gernot
--
super me