PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Div wird nicht angezeigt


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&uuml;lerunion K&auml;rnten - offizielle Website</TITLE>

<META NAME="description" content="Sch&uuml;lerunion K&auml;rnten">

<META NAME="keywords" content="Sch&uuml;lerunion, K&auml;rnten">
<META NAME="robots" content="index, follow">
<META NAME="publisher" Content="Sch&uuml;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">
&nbsp;&nbsp;<a class="menu" href="index.php?menu=news">N e w s</a>&nbsp;&nbsp;: :
&nbsp;&nbsp;<a class="menu" href="#">M i t g l i e d&nbsp;&nbsp;&nbsp;w e r d e n</a>&nbsp;&nbsp;: :
&nbsp;&nbsp;<a class="menu" href="#">G &auml; s t e b u c h</a>&nbsp;&nbsp;: :
&nbsp;&nbsp;<a class="menu" href="#">A k t i o n e n</a>&nbsp;&nbsp;: :
&nbsp;&nbsp;<a class="menu" href="#">S e r v i c e</a>&nbsp;&nbsp;: :
&nbsp;&nbsp;<a class="menu" href="#">V e r t r e t u n g</a>&nbsp;&nbsp;: :
&nbsp;&nbsp;<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&uuml;lerunion K&auml;rnten!</span><br><br>

<span class="sudesc">
Die Sch&uuml;lerunion in K&auml;rnten ist der Ansprechpartner für alle Sch&uuml;lerinnen und Sch&uuml;ler.
Habt ihr Probleme, Anregungen und Verbesserungs- sowie Projekttips mit und zu unserem Schulsystem dann seid
ihr bei der Sch&uuml;lerunion an der richtigen Stelle. Was ist die Sch&uuml;lerunion?
Die Sch&uuml;lerunion ist die Schnittstelle zwischen Schulsystem und den Sch&uuml;lern. Regelm&auml;&szlig;ig
organisieren wir Seminare und Workshops f&uuml;r eure Weiterbildung - verteilt über ganz &Ouml;sterreich. Wir
sind ein junges, engagiertes Team dessen Ziel es ist, die Sch&uuml;ler aller Kärntner Schulen zu unterst&uuml;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&auml;rntner Sch&uuml;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&uuml;ro der
Landessch&uuml;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

delldruide
2004-12-28, 06:22:47
Hi,
ich bin mir zwar nicht ganz sicher aber versuch mal im Stylesheet nicht mit div. zu arbeiten versuch mal für alles ne Raute zu nehmen.
z.B.:
#sunset


greetz
delldruide

ravage
2004-12-28, 09:40:53
[...]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
Hrm du benutzt zweimal <div class="tarticles"></div>

Einmal mit "hallo" dazwischen, einmal ohne. Vielleicht setzt Mozilla den Div Container ohne "hallo" über das andere und der IE setzt es darunter.

Wird denn die Grafik im Mozilla angezeigt?

tomtom
2004-12-28, 10:49:16
Nein, auch die Grafik fehlt im Mozilla...danke ich werd das andre gleiche Div mal entfernen...das mit der # werd ich auch probieren, thx (obwohl ich noch nie davon gehört habe, aber man lernt nie aus ;) )

MfG

tomtom
2004-12-28, 10:57:26
Hmm, funktioniert leider beides nicht :/, trotzdem danke..
Eigenartig ist nur dass der Internet Explorer und Opera das Div problemlos darstellen...nur eben Mozilla nicht, echt eigenartig...

MfG

ravage
2004-12-28, 13:49:40
Das was delldruide meint, sind die verschiedenen Selektoren.

Es gibt einmal class-selektoren (http://www.css4you.de/wscss/css03.html#class) wie du sie benutzt hast, und es gibt id-selektoren (http://www.css4you.de/wscss/css03.html#id). Wo da jetzt genau der Unterschied liegt, kann ich dir auch nicht sagen :)

Ich benutze id-selektoren eigentlich immer für Div Container und class-selektoren für Formatierungen.

Aber ich denke mal daran wird es nicht liegen...

/EDIT: genau andersrum, jetzt passt es

tomtom
2004-12-28, 14:29:55
;) danke...wieder was dazugelernt...derweil bleib ich trotzdem bei den Class-Selektoren, da ich sonst einiges umschreiben müsste... ;)

Bezüglich meines Problems: Ich bin noch immer nicht dahintergekommen :(^^

JTHawK
2004-12-28, 14:40:50
nimm das "<!-- for news.php -->" raus .. dann gehts .. das hat in css nix zu suchen ...

tomtom
2004-12-28, 16:04:56
Wow, thx JTHawk ;)
Werd mir merken, dass ich keine HTML Kommentare im Stylesheet verwenden darf (war auch das erste mal, dass ich einen reingeschrieben hab)...

Man, man, man bin ich blöd!!!! Auf jeden fall noch ma Danke!!!

MfG, terminator2k3

Sephiroth
2004-12-29, 02:24:28
Wow, thx JTHawk ;)
Werd mir merken, dass ich keine HTML Kommentare im Stylesheet verwenden darf (war auch das erste mal, dass ich einen reingeschrieben hab)...

Man, man, man bin ich blöd!!!! Auf jeden fall noch ma Danke!!!

MfG, terminator2k3
da nimmt man dann /* kommentar */

tomtom
2004-12-29, 17:05:21
Gut zu wissen, thx!
Naja, wie gesagt hab ich bisher nie Kommentare in nem Stylesheet verwendet ;)

MfG

Gil-galad
2004-12-29, 22:47:30
Das was delldruide meint, sind die verschiedenen Selektoren.

Es gibt einmal class-selektoren (http://www.css4you.de/wscss/css03.html#class) wie du sie benutzt hast, und es gibt id-selektoren (http://www.css4you.de/wscss/css03.html#id). Wo da jetzt genau der Unterschied liegt, kann ich dir auch nicht sagen :)

class: Eine Klasse kann man beliebig oft benutzen (also mehrere <div class=...> sind erlaubt).

id: Eine id darf nur einmal verwendet werden. Man kann ids zwar auch mehrmals benutzen, aber dafür sind sie eigentlich nicht vorgesehen (siehe auch Validator von W3.org).

ravage
2004-12-30, 08:06:56
Thx. Schon wieder was gelernt :)

Dann hab ich mir das ja schon richtig abgeschaut. Meine Div Container benutze ich ja eh nur einmal.