tomtom
2004-12-27, 20:05:06
Hallo Leute,
Ich hab wieder mal ein Problem: Und zwar hab ich auf einer HTML Seite mehrere Div-Tags die das Design aufbauen. Bisher wurden alle Divs korrekt angezeigt. Nun hab ich aber eines (class: tarticles) welches nicht angezeigt wird. Ich habe meines Wissens nirgends den Namen falsch geschrieben, noch sonst irgendwelche Fehler gemacht, die Seite ist HTML Strict.
Das eigenartige: Der IE stellt die Grafik bzw. das DIV dar....der Mozilla nicht :/
Ich hoffe ihr findet den Fehler, ich kann ihn leider nicht entdecken...
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--
Schuelerunion Kaernten
Design by w3fx.de
-->
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<LINK REL="stylesheet" TYPE="text/css" HREF="w3csheet.css">
<TITLE>Schülerunion Kärnten - offizielle Website</TITLE>
<META NAME="description" content="Schülerunion Kärnten">
<META NAME="keywords" content="Schülerunion, Kärnten">
<META NAME="robots" content="index, follow">
<META NAME="publisher" Content="Schülerunion.at in assoziation with w3fx.de">
<META NAME="Content-Language" Content="de">
</HEAD>
<BODY>
<div class="sunetline"></div>
<div class="sunet">
<table class="sunet" cellpadding="0" cellspacing="0">
<tr>
<td class="sunetlogo">
<img alt="" src="design/sunet_logo.gif">
</td>
<td class="sunetoe">
<a href="http://schuelerunion.at">
<img alt="" src="design/bund.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.busu.at">
<img alt="" src="design/bgld.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://ktn.schuelerunion.at">
<img alt="" src="design/ktn.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.sunoe.at">
<img alt="" src="design/noe.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.uhs.at">
<img alt="" src="design/ooe.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.sasu.at">
<img alt="" src="design/sbg.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://schuelerunion-stmk.at">
<img alt="" src="design/stmk.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.tisu.at">
<img alt="" src="design/tir.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.vosu.at">
<img alt="" src="design/vbg.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://wsu.at">
<img alt="" src="design/wien.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://freunde.schuelerunion.at">
<img alt="" src="design/freu.gif">
</a>
</td>
</tr>
</table>
</div> <div class="topline01"><img alt="" src="design/su_ktn_logo.gif"></div>
<div class="menuline01">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="menu">
<a class="menu" href="index.php?menu=news">N e w s</a> : :
<a class="menu" href="#">M i t g l i e d w e r d e n</a> : :
<a class="menu" href="#">G ä s t e b u c h</a> : :
<a class="menu" href="#">A k t i o n e n</a> : :
<a class="menu" href="#">S e r v i c e</a> : :
<a class="menu" href="#">V e r t r e t u n g</a> : :
<a class="menu" href="#">I m p r e s s u m</a>
</td>
</tr>
</table></div>
<div class="statusline"></div>
<div class="topshadow"></div> <div class="shield"></div><div class="logingr"></div><div class="tarticles"></div> <div class="fieldl01"></div>
<div class="fieldl02"></div>
<div class="fieldl03"></div>
<div class="ktntxt01"></div>
<div class="ktntxt02"></div>
<div class="lineright"></div>
<div class="sudesc">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="sudesc">
<span class="hl1">Willkommen...</span><br>
<span class="hl2">...auf der Homepage der Schülerunion Kärnten!</span><br><br>
<span class="sudesc">
Die Schülerunion in Kärnten ist der Ansprechpartner für alle Schülerinnen und Schüler.
Habt ihr Probleme, Anregungen und Verbesserungs- sowie Projekttips mit und zu unserem Schulsystem dann seid
ihr bei der Schülerunion an der richtigen Stelle. Was ist die Schülerunion?
Die Schülerunion ist die Schnittstelle zwischen Schulsystem und den Schülern. Regelmäßig
organisieren wir Seminare und Workshops für eure Weiterbildung - verteilt über ganz Österreich. Wir
sind ein junges, engagiertes Team dessen Ziel es ist, die Schüler aller Kärntner Schulen zu unterstützen.
Scheut euch nicht Anregungen, Fragen und Probleme mit uns zu besprechen - wir werden für euch da sein!<br><br>
Wenn ihr aktiv bei der Kärntner Schülerunion mitwirken wollt, euch gerne für andere Menschen einsetzt,
kreativ, organisatorisch begabt und kontaktfreudig seid und gerne ein Teil in einem jungen Team sein wollt,
könnt ihr euch auf unserer Homepage kostenlos registrieren. Alternativ könnt ihr uns auch im Büro der
Landesschülervertretung (LSV) in der Klagenfurter Innenstadt besuchen und euch anmelden.
</span>
</td>
</tr>
</table>
</div>
<div class="tarticles">hallo</div>
</BODY>
</HTML>
Stylesheet:
html, body {margin: 0px;}
img {border: 0px;}
a.menu:link {font-family: verdana; font-size: 8pt; color: #373737; text-decoration: none; font-weight: none; font-style: normal; border: 0px solid #FFFFFF; padding-left: 1px; margin-right: 1px;}
a.menu:visited {font-family: verdana; font-size: 8pt; color: #373737; text-decoration: none; font-weight: none; font-style: normal; border: 0px solid #FFFFFF; padding-left: 1px; margin-right: 1px;}
a.menu:hover {font-family: verdana; font-size: 8pt; color: #373737; text-decoration: none; font-weight: none; font-style: normal; border: 1px solid #828282; padding-left: 0px; margin-right: 0px; background-color: #EDEFFB;}
div.sunet {position: absolute; top: 4px; left: 0px; width: 621px; height: 32px; z-index: 10; border: 0;}
div.sunetline {background: url(design/sunet_bg.gif); position: absolute; top: 0px; left: 0px; width: 100%; height: 32px; z-index: 10; border: 0;}
div.topline01 {background: url(design/bg_top01.gif); position: absolute; top: 32px; left: 0px; width: 100%; height: 99px; z-index: 10; border: 0;}
div.menuline01 {background: url(design/menuline01.gif); position: absolute; top: 131px; left: 0px; width: 100%; height: 20px; z-index: 10; border: 0;}
div.statusline {background: url(design/statusline.gif); position: absolute; top: 152px; left: 0px; width: 100%; height: 16px; z-index: 10; border: 0; font-size: 0px;}
div.topshadow {background: url(design/topshadow.gif); position: absolute; top: 168px; left: 0px; width: 100%; height: 23px; z-index: 10; border: 0; font-size: 0px;}
div.fieldl01 {background: url(design/field_left_01.gif); position: absolute; top: 200px; left: 20px; width: 12px; height: 2px; z-index: 6; border: 0; font-size: 0px;}
div.fieldl02 {background: url(design/field_left_02.gif); position: absolute; top: 202px; left: 20px; width: 12px; height: 538px; z-index: 6; border: 0; font-size: 0px;}
div.fieldl03 {background: url(design/field_left_03.gif); position: absolute; top: 738px; left: 20px; width: 12px; height: 2px; z-index: 6; border: 0; font-size: 0px;}
div.ktntxt01 {background: url(design/su_ktn_text_01.gif); position: absolute; top: 207px; left: 0px; width: 20px; height: 358px; z-index: 6; border: 0; font-size: 0px;}
div.ktntxt02 {background: url(design/su_ktn_text_02.gif); position: absolute; top: 216px; left: 902px; width: 14px; height: 186px; z-index: 6; border: 0; font-size: 0px;}
div.lineright {background: url(design/line_right_bg.gif); position: absolute; top: 200px; left: 900px; width: 1px; height: 500px; z-index: 10; border: 0; font-size: 0px;}
div.content {position: absolute; top: 200px; left: 32px; width: 868px; z-index: 9; border: 0; font-size: 0px;}
<!-- for news.php -->
div.tarticles {background: url(design/title_articles.gif); position: absolute; top: 200px; left: 475px; width: 266px; height: 18px; z-index: 10; border: 0; font-size: 12pt;}
div.logingr {background: url(design/login_graphic.gif); position: absolute; top: 584px; left: 32px; width: 249px; height: 21px; z-index: 6; border: 0; font-size: 0px;}
div.shield {background: url(design/shield_logo.gif); position: absolute; top: 194px; left: 0px; width: 303px; height: 496px; z-index: 4; border: 0; font-size: 0px;}
div.sudesc {position: absolute; top: 200px; left: 35px; width: 417px; z-index: 9; border: 1; font-size: 0px;}
td.sudesc {width: 417px; font-family: verdana; font-size: 10pt; vertical-align: middle; text-align: left;}
span.hl1 {font-family: verdana; font-size: 16pt; color: #333333;}
span.hl2 {font-family: verdana; font-size: 11pt; color: #333333;}
span.sudesc {font-family: verdana; font-size: 9pt; color: #333333;}
table.sunet {width: 621px; height: 24px; border: 0px; font-size: 0pt;}
td.sunetlogo {width: 190px; height: 24px; vertical-align: middle; font-size: 0pt; z-index: 10;}
td.sunetoe {width: 51px; height: 24px; vertical-align: middle; font-size: 0pt; z-index: 10;}
td.sunetstd {width: 38px; height: 24px; vertical-align: middle; font-size: 0pt; z-index: 10;}
td.menu {vertical-align: middle;}
Das Div heißt 'tarticles' und sollte laut Code bei den oben stehenden Koordinaten eine Hintergrundgrafik darstellen und den Text 'hallo' rausschreiben - was im IE auch geht...aber im Mozilla nicht :/
Die z-index-Attribute der anderen Divs wurden überprüft...
Wäre sehr dankbar für schnelle Hilfe!
Vielen Dank,
MfG, terminator2k3
Ich hab wieder mal ein Problem: Und zwar hab ich auf einer HTML Seite mehrere Div-Tags die das Design aufbauen. Bisher wurden alle Divs korrekt angezeigt. Nun hab ich aber eines (class: tarticles) welches nicht angezeigt wird. Ich habe meines Wissens nirgends den Namen falsch geschrieben, noch sonst irgendwelche Fehler gemacht, die Seite ist HTML Strict.
Das eigenartige: Der IE stellt die Grafik bzw. das DIV dar....der Mozilla nicht :/
Ich hoffe ihr findet den Fehler, ich kann ihn leider nicht entdecken...
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--
Schuelerunion Kaernten
Design by w3fx.de
-->
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<LINK REL="stylesheet" TYPE="text/css" HREF="w3csheet.css">
<TITLE>Schülerunion Kärnten - offizielle Website</TITLE>
<META NAME="description" content="Schülerunion Kärnten">
<META NAME="keywords" content="Schülerunion, Kärnten">
<META NAME="robots" content="index, follow">
<META NAME="publisher" Content="Schülerunion.at in assoziation with w3fx.de">
<META NAME="Content-Language" Content="de">
</HEAD>
<BODY>
<div class="sunetline"></div>
<div class="sunet">
<table class="sunet" cellpadding="0" cellspacing="0">
<tr>
<td class="sunetlogo">
<img alt="" src="design/sunet_logo.gif">
</td>
<td class="sunetoe">
<a href="http://schuelerunion.at">
<img alt="" src="design/bund.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.busu.at">
<img alt="" src="design/bgld.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://ktn.schuelerunion.at">
<img alt="" src="design/ktn.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.sunoe.at">
<img alt="" src="design/noe.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.uhs.at">
<img alt="" src="design/ooe.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.sasu.at">
<img alt="" src="design/sbg.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://schuelerunion-stmk.at">
<img alt="" src="design/stmk.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.tisu.at">
<img alt="" src="design/tir.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://www.vosu.at">
<img alt="" src="design/vbg.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://wsu.at">
<img alt="" src="design/wien.gif">
</a>
</td>
<td class="sunetstd">
<a href="http://freunde.schuelerunion.at">
<img alt="" src="design/freu.gif">
</a>
</td>
</tr>
</table>
</div> <div class="topline01"><img alt="" src="design/su_ktn_logo.gif"></div>
<div class="menuline01">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="menu">
<a class="menu" href="index.php?menu=news">N e w s</a> : :
<a class="menu" href="#">M i t g l i e d w e r d e n</a> : :
<a class="menu" href="#">G ä s t e b u c h</a> : :
<a class="menu" href="#">A k t i o n e n</a> : :
<a class="menu" href="#">S e r v i c e</a> : :
<a class="menu" href="#">V e r t r e t u n g</a> : :
<a class="menu" href="#">I m p r e s s u m</a>
</td>
</tr>
</table></div>
<div class="statusline"></div>
<div class="topshadow"></div> <div class="shield"></div><div class="logingr"></div><div class="tarticles"></div> <div class="fieldl01"></div>
<div class="fieldl02"></div>
<div class="fieldl03"></div>
<div class="ktntxt01"></div>
<div class="ktntxt02"></div>
<div class="lineright"></div>
<div class="sudesc">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="sudesc">
<span class="hl1">Willkommen...</span><br>
<span class="hl2">...auf der Homepage der Schülerunion Kärnten!</span><br><br>
<span class="sudesc">
Die Schülerunion in Kärnten ist der Ansprechpartner für alle Schülerinnen und Schüler.
Habt ihr Probleme, Anregungen und Verbesserungs- sowie Projekttips mit und zu unserem Schulsystem dann seid
ihr bei der Schülerunion an der richtigen Stelle. Was ist die Schülerunion?
Die Schülerunion ist die Schnittstelle zwischen Schulsystem und den Schülern. Regelmäßig
organisieren wir Seminare und Workshops für eure Weiterbildung - verteilt über ganz Österreich. Wir
sind ein junges, engagiertes Team dessen Ziel es ist, die Schüler aller Kärntner Schulen zu unterstützen.
Scheut euch nicht Anregungen, Fragen und Probleme mit uns zu besprechen - wir werden für euch da sein!<br><br>
Wenn ihr aktiv bei der Kärntner Schülerunion mitwirken wollt, euch gerne für andere Menschen einsetzt,
kreativ, organisatorisch begabt und kontaktfreudig seid und gerne ein Teil in einem jungen Team sein wollt,
könnt ihr euch auf unserer Homepage kostenlos registrieren. Alternativ könnt ihr uns auch im Büro der
Landesschülervertretung (LSV) in der Klagenfurter Innenstadt besuchen und euch anmelden.
</span>
</td>
</tr>
</table>
</div>
<div class="tarticles">hallo</div>
</BODY>
</HTML>
Stylesheet:
html, body {margin: 0px;}
img {border: 0px;}
a.menu:link {font-family: verdana; font-size: 8pt; color: #373737; text-decoration: none; font-weight: none; font-style: normal; border: 0px solid #FFFFFF; padding-left: 1px; margin-right: 1px;}
a.menu:visited {font-family: verdana; font-size: 8pt; color: #373737; text-decoration: none; font-weight: none; font-style: normal; border: 0px solid #FFFFFF; padding-left: 1px; margin-right: 1px;}
a.menu:hover {font-family: verdana; font-size: 8pt; color: #373737; text-decoration: none; font-weight: none; font-style: normal; border: 1px solid #828282; padding-left: 0px; margin-right: 0px; background-color: #EDEFFB;}
div.sunet {position: absolute; top: 4px; left: 0px; width: 621px; height: 32px; z-index: 10; border: 0;}
div.sunetline {background: url(design/sunet_bg.gif); position: absolute; top: 0px; left: 0px; width: 100%; height: 32px; z-index: 10; border: 0;}
div.topline01 {background: url(design/bg_top01.gif); position: absolute; top: 32px; left: 0px; width: 100%; height: 99px; z-index: 10; border: 0;}
div.menuline01 {background: url(design/menuline01.gif); position: absolute; top: 131px; left: 0px; width: 100%; height: 20px; z-index: 10; border: 0;}
div.statusline {background: url(design/statusline.gif); position: absolute; top: 152px; left: 0px; width: 100%; height: 16px; z-index: 10; border: 0; font-size: 0px;}
div.topshadow {background: url(design/topshadow.gif); position: absolute; top: 168px; left: 0px; width: 100%; height: 23px; z-index: 10; border: 0; font-size: 0px;}
div.fieldl01 {background: url(design/field_left_01.gif); position: absolute; top: 200px; left: 20px; width: 12px; height: 2px; z-index: 6; border: 0; font-size: 0px;}
div.fieldl02 {background: url(design/field_left_02.gif); position: absolute; top: 202px; left: 20px; width: 12px; height: 538px; z-index: 6; border: 0; font-size: 0px;}
div.fieldl03 {background: url(design/field_left_03.gif); position: absolute; top: 738px; left: 20px; width: 12px; height: 2px; z-index: 6; border: 0; font-size: 0px;}
div.ktntxt01 {background: url(design/su_ktn_text_01.gif); position: absolute; top: 207px; left: 0px; width: 20px; height: 358px; z-index: 6; border: 0; font-size: 0px;}
div.ktntxt02 {background: url(design/su_ktn_text_02.gif); position: absolute; top: 216px; left: 902px; width: 14px; height: 186px; z-index: 6; border: 0; font-size: 0px;}
div.lineright {background: url(design/line_right_bg.gif); position: absolute; top: 200px; left: 900px; width: 1px; height: 500px; z-index: 10; border: 0; font-size: 0px;}
div.content {position: absolute; top: 200px; left: 32px; width: 868px; z-index: 9; border: 0; font-size: 0px;}
<!-- for news.php -->
div.tarticles {background: url(design/title_articles.gif); position: absolute; top: 200px; left: 475px; width: 266px; height: 18px; z-index: 10; border: 0; font-size: 12pt;}
div.logingr {background: url(design/login_graphic.gif); position: absolute; top: 584px; left: 32px; width: 249px; height: 21px; z-index: 6; border: 0; font-size: 0px;}
div.shield {background: url(design/shield_logo.gif); position: absolute; top: 194px; left: 0px; width: 303px; height: 496px; z-index: 4; border: 0; font-size: 0px;}
div.sudesc {position: absolute; top: 200px; left: 35px; width: 417px; z-index: 9; border: 1; font-size: 0px;}
td.sudesc {width: 417px; font-family: verdana; font-size: 10pt; vertical-align: middle; text-align: left;}
span.hl1 {font-family: verdana; font-size: 16pt; color: #333333;}
span.hl2 {font-family: verdana; font-size: 11pt; color: #333333;}
span.sudesc {font-family: verdana; font-size: 9pt; color: #333333;}
table.sunet {width: 621px; height: 24px; border: 0px; font-size: 0pt;}
td.sunetlogo {width: 190px; height: 24px; vertical-align: middle; font-size: 0pt; z-index: 10;}
td.sunetoe {width: 51px; height: 24px; vertical-align: middle; font-size: 0pt; z-index: 10;}
td.sunetstd {width: 38px; height: 24px; vertical-align: middle; font-size: 0pt; z-index: 10;}
td.menu {vertical-align: middle;}
Das Div heißt 'tarticles' und sollte laut Code bei den oben stehenden Koordinaten eine Hintergrundgrafik darstellen und den Text 'hallo' rausschreiben - was im IE auch geht...aber im Mozilla nicht :/
Die z-index-Attribute der anderen Divs wurden überprüft...
Wäre sehr dankbar für schnelle Hilfe!
Vielen Dank,
MfG, terminator2k3