XHTML 1.0 strict, td img im Mozilla (HTML, CSS und Javascript)

[thread]2183[/thread]

XHTML 1.0 strict, td img im Mozilla

esskar

2004-01-25 03:25

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

Hi...
im Mozilla werden Bilder in einer Tabelle so dargestellt als wären sie 3 Pixel höher als normal!!! das verhaut mir natürlich das ganze layout!
kennt jemand das problem und weiß wie man es behebt?

hier eine beispiel tabelle:

Code: (dl )

<table border="0" cellpadding="0" cellspacing="0" width="800px">
<tr>
	<td class="td_head_left"><img src="/skin/images/logo.gif" alt="yourNation.de" /></td>
	<td class="td_head_right"><img src="/skin/images/valid-xhtml10.gif" alt="Valid XHTML 1.0!" height="31" width="88" /></td>
</tr>
<tr>
	<td class="td_head_left"><img src="/skin/images/bar.gif" alt="" width="500px" height="28px" /></td>
	<td class="td_head_right"><TMPL_VAR NAME=CURRENT_TIME>&nbsp;&nbsp;</td>
</tr>
</table>

esskar

2004-01-26 17:05

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

ein css-style mit "vertical-align: bottom" hilft!

esskar

2004-01-26 17:16

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

noch ein problem:

Code: (dl )

<table border="0" cellpadding="0" cellspacing="0" width="800px">
<tr>
   <td style="width: 200px; text-align: left">Spalte 1"</td>
   <td style="width: 400px; text-align: left">Spalte 2"</td>
   <td style="width: 200px; text-align: right">Spalte 3"</td>
</tr>
</table>

mach was es soll... in den ersten beiden ist der text links angeordnet, in der letzten rechts...
wenn ich jedoch in der letzten spalte eine tabelle der weite 150px reinstelle, ist die tabelle an sich links bündig... die schrift in der tabelle jedoch weiterhin rechts... ich will aber das die gesamte tabelle rechts in der dritten Spalte ausgerichtet ist... IE machts!!! Opera und Mozilla haben ihre Probleme...
das einzige was hilft ist <div align="right">...</div> aber align in div ist ja nicht strict sondern transitional; ein <div style="text-align: right">...</div> bringt auch nix...
kann mir jemand helfen?

esskar

2004-01-26 17:33

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

und gleich noch was... diesmal IE

Code: (dl )

<td>
   <form...>
   ...
   </form>
</td>

erzeugt unterhalb der form noch einen zeilenumbruch! wie zu fixen?

2004-01-26 19:02

User since
2003-08-04
247 Artikel
BenutzerIn
[default_avatar]

Mit

Code: (dl )

<form ... style="margin: 0px">

esskar

2004-01-26 19:26

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

[quote=DS,26.01.2004, 18:02]Mit

Code: (dl )

<form ... style="margin: 0px">

[/quote]
tatsächlich... danke...
hast du auch eine läsung für das "right" problem! :)

2004-01-26 20:54

User since
2003-08-04
247 Artikel
BenutzerIn
[default_avatar]

[quote=esskar,26.01.2004, 18:26]hast du auch eine läsung für das "right" problem! :)[/quote]
Hm, nicht so wirklich... ich hab' a bisserl rumprobiert:

Die einzige Möglichkeit ist es, mit position: relative; left: +50px die Tabelle einfach nach rechts zu schieben... ich hätte allerdings ein mieses Gefühl, wenn ich das dann als "rechtbündig" bezeichnen würde...

Ganz lustig, schreibt man innerhalb eines Elements mit text-align: right a<table>...</table>a, dann werden die beiden a's beim Mozilla rechts und die Tabelle links ausgerichtet... beim IE alles rechts...

Ich habe auch alle möglichen Varianten mit position: relative/absolute und right: 0px ausprobiert, aber irgendwie ging das alles nicht...

XHTML mag schön und gut sein, aber solange die Browser nicht die dann "lebenswichtigen" CSS-Eigenschaften richtig interpretieren, greife ich dann doch lieber auf das alt-bewährte align="right" zurück. ;)

esskar

2004-01-26 22:36

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

dumm ist eben... das es dann nicht mehr strict ist...
naja... ich schreib jetzt einfach transitional weiter und versuche aber so weit strict zu bleiben, wie es eben geht!

View all threads created 2004-01-25 03:25.