Seite 1 von 1
HTML-Problem...
Verfasst: Mi 2. Jan 2008, 17:35
von Fabian Montary
Hallo,
ich arbeite gerade an dem Template für die Website von Montary City. Und hab da mal ein Problem, und zwar eine freie Fläche, die da nicht sein dürfte (hier mal grün und rot eingefärbt). Das Problem gibt es nur im Firefox, nicht aber im Internet Explorer...
Der Code dazu ist der folgende:
Code: Alles auswählen
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<head>
<title>Montary City | Roldem's Golden Heart</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<style type="text/css">
* {font-family:arial;}
img.nullborder {border:0px;padding:0px;}
a.topmenu {color:#fff;font-weight:bold;text-decoration:none;}
</style>
<base target="_top" />
</head>
<body style="background:#fff;margin:0px;">
<table style="width:800px;height:600px;border:0px;border-spacing:0px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width:800px;height:20px;padding-right:10px;background-color:#4b3921;text-align:right;vertical-align:center;font-size:8pt;" colspan="2">
<a href="index.php?page=" class="topmenu">NEWS</a>
<a href="index.php?page=" class="topmenu">MENÜPUNKT II</a>
<a href="index.php?page=" class="topmenu">MENÜPUNKT III</a>
<a href="index.php?page=" class="topmenu">MENÜPUNKT IV</a>
<a href="index.php?page=" class="topmenu">MENÜPUNKT V</a>
<a href="index.php?page=" class="topmenu">MENÜPUNKT VI</a>
</td>
</tr>
<tr>
<td
style="width:225px;height:330px;">
<a href="/"><img src="img/template/homegfx.jpg" width="225"
height="330" alt="Montary City | Roldem's Golden Heart"
class="nullborder" /></a></td>
<td style="width:575px;height:330px;">
<img src="img/template/foto_platzhalter.jpg" width="575" height="330"
alt="Platzhaltergrafik" class="nullborder" /></td>
</tr>
<tr>
<td
style="width:225px;height:250px;padding-top:17px;padding-left:15px;padding-right:20px;background-color:#c6be99;text-align:left;vertical-align:top;font-size:9pt;">
News // Submenü</td>
<td
style="width:575px;height:250px;padding-top:17px;padding-left:15px;padding-right:20px;background-color:#fff;text-align:left;vertical-align:top;font-size:11pt;">
<h1>Holla...</h1><br />
... die Waldfee!</td>
</tr>
</table>
</body>
</html>
Verfasst: Mi 2. Jan 2008, 19:02
von Stanislav Goldmann
Ich habe es garade lokal bei mir getestet. Im FF 2.0.0.11 unter Windows habe ich da keine freie Fläche wie von Dir beschrieben.
Wenn Du den Fehlerfall nochmal online stellst und ich drauf schauen soll, gib erneut Bescheid.
Was nicht wirklich schön ist, ist das
Code: Alles auswählen
color:#fff;
[...]
background:#fff
[...]
background-color:#fff
Da wären jeweils 3 weitere Buchstaben ganz nett.
Verfasst: Mi 2. Jan 2008, 19:22
von Fabian Montary
Original von Stanislav Goldmann
Ich habe es garade lokal bei mir getestet. Im FF 2.0.0.11 unter Windows habe ich da keine freie Fläche wie von Dir beschrieben.
Hast du da auch Dummygrafiken eingesetzt um zu sehen, dass da wirklich nichts ist?
Original von Stanislav Goldmann
Was nicht wirklich schön ist, ist das
Code: Alles auswählen
color:#fff;
[...]
background:#fff
[...]
background-color:#fff
Da wären jeweils 3 weitere Buchstaben ganz nett.
Das ist aber auch Standard.
Verfasst: Do 3. Jan 2008, 02:10
von Stanislav Goldmann
Original von Fabian Montary
Hast du da auch Dummygrafiken eingesetzt um zu sehen, dass da wirklich nichts ist?
Mit Firebug sah es gut aus. Aber Du kannst gerne noch an Deinem Testcode feilen und dann schaue ich die Seite auch noch mal an. Lokal oder remote - wie Du magst.
Das ist aber auch Standard.
Welcher Standard genau?
Ich halte mich (schon aus sentimentalen Gründen) an SELFHTML. Und da gibt es nur die klassische Schreibweise für Hexfarben mit 6 Zeichen. Ich wüsste nicht, was dem #fff entsprechen sollte. Werden da 0en eingefügt? Angehängt? Vorangestellt?
Verfasst: Do 3. Jan 2008, 02:21
von Rüdy
Original von Stanislav Goldmann
Welcher Standard genau?
Eigentlich nur für CSS.
Ich halte mich (schon aus sentimentalen Gründen) an SELFHTML. Und da gibt es nur die klassische Schreibweise für Hexfarben mit 6 Zeichen. Ich wüsste nicht, was dem #fff entsprechen sollte. Werden da 0en eingefügt? Angehängt? Vorangestellt?
Die ersten drei Zahlen werden beim Fehlen der weiteren automatisch wiederholt.
Aber nicht so: (ABC -> ABCABC),
sondern so: (ABC -> AABBCC).
Das macht es für einfache Hexdezimalcodes nutzbar.
Verfasst: Do 3. Jan 2008, 22:09
von Jonathan Buren
Konnte das Problem in Firefox reproduzieren. Die Lösung ist, display:block zu deiner CSS-Klasse img.nullborder hinzuzufügen. Der Tip kam
hierher.
Du solltest außerdem deine XHTML Strict Deklaration ändern, so wie es jetzt ist validiert es nicht im W3 Validator. Ich verstehe auch nicht, was der <base>-Tag hier soll (in XHTML Strict hat <base> ein "href" aber kein "target"-Attribut), aber das nur nebenbei.
Ich verstehe außerdem nicht, warum du dich freiwillig in die Tabellenhölle begibst, wenn das doch vieeeeel einfacher mit absolut positionierten divs gemacht werden kann.
Verfasst: Di 29. Jan 2008, 19:50
von Fabian Montary
Ich habe es übrigens ausprobiert und es funktioniert jetzt. Danke dir.
