Tabellenproblem bei Internet Explorer
Claudia
- html
0 Malleus0 Dark Sider0 Malleus
0 Claudia
0 Ingo Turski0 JürgenB0 EisFuX
Hallo,
ich habe ein Problem. Ich möchte den Kopf meiner HP gestalten und habe aber immer das Problem, das IE das nicht so ausgibt wie ich es gerne haben möchte. Mit Opera sieht alles sehr gut aus.
Und zwar sollen in einer Zeile ganz links 2Bilder sein, dann linker Text und zum schluß ganz rechts ein Text. Ich dachte mir das logischerweise mit einer Tabelle. Wenn ich dann aber meine Bilder in die ersten zwei Spalten einfüge und dann die letzten zwei Spalten als Text nehme, ist im IE der Textteil ca 2mm höher, als die Bilder.
Wenn ich überall die Höhe eingebe (height), interessiert ihn das nicht. Hier mein Programmiertext:
<table border="0" cellspacing="0" cellpadding="0" style="width:100%" bgcolor="#E6E6C8" height="28">
!! Die ganze Zeile soll 28hoch sein
<tr>
<td width="7%">
<img src="bilder/bild.gif" width="100%" height="28" border="0">
</td>
<td width="10%">
<img src="bilder/bild2.gif" width="100%" height="28" border="0">
</td>
<td width="43%" align="left">
<h1>Homepage von Claudia</h1>
</td>
<td width="30%" align="right">
<h1>Aktualisiert am 10.12.2004</h1>
</td>
</tr>
</table>
Wie schaffe ich es, das alles 28hoch ist???
IE schreibt den text auch obenbündig, und der Befehl "mittig" scheint da auch nicht zu funktionieren, das könnte ich gerade so akzeptieren, denn Opera macht es ordentlich.Vielleicht habt ihr trotzdem eine Idee.
Wäre schön, wenn ihr mir weiterhelfen könntet
danke, claudia
Hallo Claudia,
versuch' mal:
<tr style="height:28px">
"mittig"? valign="center" müßte klappen
tschau
Frank
Hallo Frank,
valign="center"
ist kein gültiges HTML-Attribut.
MfG
Dark Sider
Hallo Dark Sider,
valign="middle"
sollte aber gültig sein (ab NN6, IE4, DOM1)
oder?
tschau
P.S. Die "TR"-Zeile wird bei mir mit style="height:100px" vergrößert, seltsam???
<tr style="height:28px">
"mittig"? valign="center" müßte klappen
Danke, klappt aber leider trotzdem beides nicht
Hi,
<table border="0" cellspacing="0" cellpadding="0" style="width:100%" bgcolor="#E6E6C8" height="28">
Table hat kein Attribut height.
<td width="7%">
<img src="bilder/bild.gif" width="100%" height="28" border="0">
was hat die Fensterbreite mit der Bildgröße zu tun?
Wie schaffe ich es, das alles 28hoch ist???
Wozu überhaupt eine Tabelle? Du könntest die Elemente bequem über float nebeneinander setzen.
freundliche Grüße
Ingo
Hallo,
<td width="7%">
<img src="bilder/bild.gif" width="100%" height="28" border="0">
</td>
Versuch mal
<td width="7%"><img src="bilder/bild.gif" width="100%" height="28" border="0"></td>
also alles in einer Zeile. Manche Browser stellen den Zeilenumbruch zwischen <td> und <img> mit dar.
Gruß, Jürgen
Hallo claudia,
Und zwar sollen in einer Zeile ganz links 2Bilder sein, dann linker Text und zum schluß ganz rechts ein Text. Ich dachte mir das logischerweise mit einer Tabelle.
Nein, sowas macht man mit Style-Sheets.
Tabellen werden nur (leider) immer wieder gern für solche Zwecke missbraucht.
Wenn ich dann aber meine Bilder in die ersten zwei Spalten einfüge und dann die letzten zwei Spalten als Text nehme, ist im IE der Textteil ca 2mm höher, als die Bilder.
...
<h1>Homepage von Claudia</h1>
...
<h1>Aktualisiert am 10.12.2004</h1>
Probier doch mal spaßeshalber, statt der <h1>-Tags eine andere Größe (z.B. h2 oder kleiner). Tritt das Problem dann immer noch auf? Ein bei mir auf dem gleichen System wie ein Opera 7 installierter MSIE 6 zeigt ohne CSS etwas größere Schrift an.
Im Übrigen ergeben 7%+10%+43%+30% nicht 100% sondern nur 90%. Außerdem solltest du die width-Attribute der img-Tags an die reale Bildbreite anpassen und nicht mit 100% angeben. Außerdem kann das Mischen von width-Attributen in den Tabellenspalten und der Style-Sheet-Angabe im Tabellenkopf den Browser verwirren. Entscheide dich für eine von beiden Arten, die Breite anzugeben.
MfG
EisFuX