nicht angemeldet
Opera fügt zwischen bild und unterem Rahmen eines TH margin ein
Gunnar BittersmannFolgendes Problem:
ich develope eine Seite, die auf allen gängigen Browsern (sprich: IE, Mozilla, Netscape, Opera, Konqueror und Firefox) laufen soll.
Ich habe eine TH Überschrift, in der sich ein Bild befindet. Das Bild soll möglichst weit unten im TH angezeigt werden.
Beim IE, Mozilla, Firefox passt soweit alles, aber bei Opera wird zwischen Bild und unterem TH rahmen ein margin angezeigt.
Das ganze sieht in Opera wiefolgt aus:
+---------+-----------+
| | SelectBox |
| +-----------+
| +----------+ |
| | BILD | |
| +----------+ |
+---------------------+
Vorgestellt habe ich mir es allerdings so:
+---------+-----------+
| | SelectBox |
| +-----------+
| |
| +----------+ |
| | BILD | |
+----+----------+-----+
Hier der HTML Quelltext:
<th colspan="2" class="header">
<marquee></marquee>
<select style="float: right;">
<option>Deutsch</option>
<option>English</option>
</select>
<br />
<br />
<img src="" alt="" style="float:left; margin:9px 0px 0px 300px;" />
</th>
Und hier die CSS-Klasse für das TH:
th.header
{
text-align: right;
background: url('images/foobar.gif') no-repeat;
height: 75px;
padding: 0px;
margin: 0px;
border-spacing: 0px;
}
Weiss jemand um Rat ?
-
Hallo Bernhard,
ich develope eine Seite, die auf allen gängigen Browsern (sprich: IE, Mozilla, Netscape, Opera, Konqueror und Firefox) laufen soll.
dann solltest du die unten genannten Dinge beachten.
Ich habe eine TH Überschrift, in der sich ein Bild befindet. Das Bild soll möglichst weit unten im TH angezeigt werden.
Muss es ein <th>-Element sein?
Beim IE, Mozilla, Firefox passt soweit alles, aber bei Opera wird zwischen Bild und unterem TH rahmen ein margin angezeigt.
Hier der HTML Quelltext:
<th colspan="2" class="header">
<marquee></marquee>http://de.selfhtml.org/html/text/proprietaer.htm#marquee ist nicht standardkonform und sollte nur im IE laufen.
<select style="float: right;">
- warum Inlinestyle? Du hast doch ein externes CSS-File?!
<option>Deutsch</option>
<option>English</option>
</select>
<br />- wofür die <br>? Hier solltest du konsequent CSS mit "margin" nutzen.
<br />
- siehe oben
<img src="" alt="" style="float:left; margin:9px 0px 0px 300px;" />
In welcher (X)HTML-Version arbeitest du? Das <br>-Element ist nicht nach <br /> geschrieben? Verzichte nach Möglichkeit auf Inlinestyles und lagere dein CSS konsequent aus.
Mit freundlichen Grüßen,
André-
Hallo André
Muss es ein <th>-Element sein?
Zwecks der Gliederung des HTML Dokuments muss es sein
<marquee></marquee>
http://de.selfhtml.org/html/text/proprietaer.htm#marquee ist nicht standardkonform und sollte nur im IE laufen.Das ist mir bewusst, aber ich verzichte bewusst auf Javascript
<select style="float: right;">
- warum Inlinestyle? Du hast doch ein externes CSS-File?!
Wegen einem Element lege ich keine neue CSS Klasse an, bläht nur den CSS code auf.
- wofür die <br>? Hier solltest du konsequent CSS mit "margin" nutzen.
Sobald ich margin statt <br> verwende, inerpretiert das Opera anders. Ist ein Workaround dafür
<img src="" alt="" style="float:left; margin:9px 0px 0px 300px;" />
In welcher (X)HTML-Version arbeitest du? Das <br>-Element ist nicht nach <br /> geschrieben? Verzichte nach Möglichkeit auf Inlinestyles und lagere dein CSS konsequent aus.Ich arbeite in HTML 4 Transitional, wegen dem Marquee
MfG Bernhard Kroll
-
Hello out there!
<marquee></marquee>
http://de.selfhtml.org/html/text/proprietaer.htm#marquee ist nicht standardkonform und sollte nur im IE laufen.
Das ist mir bewusst, aber ich verzichte bewusst auf JavascriptDu solltest vielleicht besser auf das digitale Ungeziefer verzichten.
Ich arbeite in HTML 4 Transitional, wegen dem Marquee
'marquee' gibt es in keiner HTML-Version.
<select style="float: right;">
- warum Inlinestyle? Du hast doch ein externes CSS-File?!
Wegen einem Element lege ich keine neue CSS Klasse an, […]
Wenn es nichts zu klassifizieren gibt, ist eine Klasse auch fehl am Platze. Zur Identifizierung dienen IDs. Aber auch die Vergabe eines id-Attributs ist nicht notwendig, wenn das Element mittels geeignetem Selektor (ggfs. Nachfahrenselektor) ansprechbar ist.
[…] bläht nur den CSS code auf.
Die Begründung ist Unsinn.
'select {float: right;}' ist genauso kurz wie
' style="float: right;"'.Und selbst wenn es zehn Zeichen mehr wären, wäre das immer noch keine Rechtfertigung, unübersichtlichen, fehleranfälligen Code zu schreiben.
- wofür die <br>? Hier solltest du konsequent CSS mit "margin" nutzen.
Sobald ich margin statt <br> verwende, inerpretiert das Opera anders.
?? Ich würd den Fehler nicht beim Opera vermuten.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
So, ich habe jetzt die CSS Attribute in die externe Stylesheetdatei aufgenommen und aus dem HTML Dokument entfernt.
Gegen die Sache mit Marquee kann ich nix machen, wird mir vorgeschrieben, das das drin sein muss.
Geändert hat sich dadurch an meinem Problem nichts.
Würde mich weiter über konstruktive Kritik freuen.
- warum Inlinestyle? Du hast doch ein externes CSS-File?!
-
hi,
Ich habe eine TH Überschrift, in der sich ein Bild befindet. Das Bild soll möglichst weit unten im TH angezeigt werden.
Beim IE, Mozilla, Firefox passt soweit alles, aber bei Opera wird zwischen Bild und unterem TH rahmen ein margin angezeigt.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }