span und div Inhalte werden nicht angezeigt

Pelgro · 30. Mai 2010

Hier einmal kurz beide Datein

HTML:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
    <title>Digital-gaminq - News</title>




    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="author" content="Garrit Petersen" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




    <link href="styles/design.css" type="text/css" rel="stylesheet" />




</head>
<body>
<div id="seitenbereich">
    <div id="counter">
        <?php
        include("inc/konfiguration.php");
        include("inc/counter.php");
        ?>
    </div>
    <div id="header">
    </div>
    <div id="navi_1">
        <a href="forum/index.php" id="A"></a>
        <a href="guestbook.php" id="B"></a>
        <a href="contact.php" id="C"></a>
        <span class="rest"></span>
    </div>
    <div id="lauf">
    </div>
    <div id="navi_2">
        <a href="index.php" id="D"></a>
        <a href="teams.php" id="E"></a>
        <a href="matches.php" id="F"></a>
        <a href="gallery.php" id="G"></a>
        <a href="aboutus.php" id="H"></a>
        <a href="downloads.php" id="I"></a>
        <a href="links.php" id="J"></a>
        <a href="sponsors.php" id="K"></a>
    </div>
    <span id="lm">
        <span id="links"></span>
        <span id="lm_text"></span>
        <?php
        echo "Test!"
        ?>
    </span>
    <span id="nm">
        <span id="nm_text"></span>
        <?php
        echo "Test!"
        ?>
    </span>
    <span id="nmi">
        <span id="nmi_text"></span>
        <?php
        echo "Test!"
        ?>
    </span>
    <span id="loginfeld">
        <span id="loginfeld_text"></span>
        <?php
        echo "Test!"
        ?>
    </span>
    <span id="rechts"></span>
    <div id="unten_1"></div>
    <div id="unten_2"></div>
    <div id="ihnalt">
    <span id="news_text">
    </span>
    </div>
</div>
</body>
</html>

Alles anzeigen

CSS:

Code

* {margin: 0; padding: 0;}
html, body {background-color: #000000;text-align: center;}




/*###############
* Positionierung
* ###############*/
#seitenbereich {width:990px;height: auto;margin: 0 auto;text-align:left;padding-top: 10px;}
#counter {background-image: url(../images/digital-gaminq_01.jpg);background-repeat: no-repeat;width: 974px;height: 32px;color: #FFFFFF;font:arial 12px; padding-top: 13px;}
#header {background-image: url(../images/digital-gaminq_02.jpg);width: 974px;height: 119px;}
#navi_1 {background-color: #000000;width: 974px;height: 33px;}
.rest {background-image: url(../images/digital-gaminq_06.jpg);width: 640px;height: 33px;margin:0px 0px 0px 334px;position: absolute;}
#lauf {background-image: url(../images/digital-gaminq_07.jpg);background-repeat: no-repeat;width: 974px;height: 39px;}
#navi_2 {background-color: #000000;width: 974px;height: 38px;}
#lm {background-color:#FFFFFF;width: 245px;height: 90px;float: left;}
#links {background-image: url(../images/digital-gaminq_16.jpg);width:3px;height:90px;float: left;}
#lm_text {background-image: url(../images/digital-gaminq_17.jpg);width:242px;height:27px;float: left;}
#nm {background-color:#FFFFFF;width:243px;height:90px; float: left;}
#nm_text {background-image: url(../images/digital-gaminq_21.jpg);width:243px;height:27px;float: left;}
#nmi {background-color:#FFFFFF;width:246px;height:90px;float: left;}
#nmi_text {background-image: url(../images/digital-gaminq_25.jpg);width:246px;height:26px;float: left;}
#loginfeld {background-color:#FFFFFF;width:237px;height:90px;float: left;}
#loginfeld_text {background-image: url(../images/digital-gaminq_27.jpg);width:237px;height:26px;float: left;}
#rechts {background-image: url(../images/digital-gaminq_29.jpg);width:3px;height:90px;float: left;}
#unten_1 {background-image: url(../images/digital-gaminq_30.jpg);width:974px;height:28px;background-repeat: no-repeat;}
#unten_2 {background-image: url(../images/digital-gaminq_31.jpg);width:974px;height:6px;background-repeat: no-repeat;}
#inhalt {background-color:#FFFFFF;width: 722px; min-height:950px;float: left;}
#news_text {background-image: url(../images/digital-gaminq_32.jpg);width:722px;height:28px;}




/*###############
* Counter
* ###############*/
.counter {color: #8bbbef;}
#today {float: left;padding-left: 200px;}
#yesterday {float: left;padding-left: 15px;}
#total {float: left;padding-left: 425px;}




/*###############
* 1 Navi-Elemente
* ###############*/
#A {background-image: url(../images/digital-gaminq_03.jpg);width: 111px;height: 33px;margin:0px 0px 0px 0px;position: absolute;}
#A:hover {background-image: url(../images/digital-gaminq_03_h.jpg);width: 111px;height: 33px;margin:0px 0px 0px 0px;position: absolute;}
#B {background-image: url(../images/digital-gaminq_04.jpg);width: 112px;height: 33px;margin:0px 0px 0px 111px;position: absolute;}
#B:hover {background-image: url(../images/digital-gaminq_04_h.jpg);width: 112px;height: 33px;margin:0px 0px 0px 111px;position: absolute;}
#C {background-image: url(../images/digital-gaminq_05.jpg);width: 112px;height: 33px;margin:0px 0px 0px 223px;position: absolute;}
#C:hover {background-image: url(../images/digital-gaminq_05_h.jpg);width: 112px;height: 33px;margin:0px 0px 0px 223px;position: absolute;}
/*###############
* 2 Navi-Elemente
* ###############*/
#D {background-image: url(../images/digital-gaminq_08.jpg);width: 122px;height: 38px;margin:0px 0px 0px 0px;position: absolute;}
#D:hover {background-image: url(../images/digital-gaminq_08_h.jpg);width: 122px;height: 38px;margin:0px 0px 0px 0px;position: absolute;}
#E {background-image: url(../images/digital-gaminq_09.jpg);width: 123px;height: 38px;margin:0px 0px 0px 122px;position: absolute;}
#E:hover {background-image: url(../images/digital-gaminq_09_h.jpg);width: 123px;height: 38px;margin:0px 0px 0px 122px;position: absolute;}
#F {background-image: url(../images/digital-gaminq_10.jpg);width: 123px;height: 38px;margin:0px 0px 0px 245px;position: absolute;}
#F:hover {background-image: url(../images/digital-gaminq_10_h.jpg);width: 123px;height: 38px;margin:0px 0px 0px 245px;position: absolute;}
#G {background-image: url(../images/digital-gaminq_11.jpg);width: 123px;height: 38px;margin:0px 0px 0px 368px;position: absolute;}
#G:hover {background-image: url(../images/digital-gaminq_11_h.jpg);width: 123px;height: 38px;margin:0px 0px 0px 368px;position: absolute;}
#H {background-image: url(../images/digital-gaminq_12.jpg);width: 123px;height: 38px;margin:0px 0px 0px 491px;position: absolute;}
#H:hover {background-image: url(../images/digital-gaminq_12_h.jpg);width: 123px;height: 38px;margin:0px 0px 0px 491px;position: absolute;}
#I {background-image: url(../images/digital-gaminq_13.jpg);width: 123px;height: 38px;margin:0px 0px 0px 614px;position: absolute;}
#I:hover {background-image: url(../images/digital-gaminq_13_h.jpg);width: 123px;height: 38px;margin:0px 0px 0px 614px;position: absolute;}
#J {background-image: url(../images/digital-gaminq_14.jpg);width: 123px;height: 38px;margin:0px 0px 0px 737px;position: absolute;}
#J:hover {background-image: url(../images/digital-gaminq_14_h.jpg);width: 123px;height: 38px;margin:0px 0px 0px 737px;position: absolute;}
#K {background-image: url(../images/digital-gaminq_15.jpg);width: 114px;height: 38px;margin:0px 0px 0px 860px;position: absolute;}
#K:hover {background-image: url(../images/digital-gaminq_15_h.jpg);width: 114px;height: 38px;margin:0px 0px 0px 860px;position: absolute;}

Alles anzeigen

Und das wird nicht angezeigt:

Code

<div id="unten_1"></div>
    <div id="unten_2"></div>
    <div id="ihnalt">
    <span id="news_text">

Code

#unten_1 {background-image: url(../images/digital-gaminq_30.jpg);width:974px;height:28px;background-repeat: no-repeat;}
#unten_2 {background-image: url(../images/digital-gaminq_31.jpg);width:974px;height:6px;background-repeat: no-repeat;}
#inhalt {background-color:#FFFFFF;width: 722px; min-height:950px;float: left;}
#news_text {background-image: url(../images/digital-gaminq_32.jpg);width:722px;height:28px;}

Hoffe sieht den Fehler.

Sarkkan · 30. Mai 2010

Liegen die im Richtigen Ordner? Rechtschreibfehler?

Wie testest du das denn?

Pelgro · 30. Mai 2010

Schreibe die mit Scriptly. Dort gibt es eine Vorschau. Aber öffne die Seiten auch denn nochmal mit allen anderen Browser. Chrome, FF, IE, Opera und Safari
Rechtschreibfehler habe ich nicht gefunden und der Pfad ist auch 100% richtig.

timtim · 30. Mai 2010

Liegt glaube daran das kein inhalt definiert ist. Versuche es , mit leerzeichen als test und dann gib den links mal desplay: block;
Das könnte klappen..

Greetz TimTim

lauras · 30. Mai 2010

... und genau das ist der Grund, warum man normalerweise erst den Inhalt und dann das Design macht.. Dann entstehen nämlich keine leeren div-Container

Pelgro · 30. Mai 2010

Hmmm.....
Komisch. Beim Header klappt es ja auch und beim lauf.
Naja.
Mit display:block; klappt es.
Danke.

Zitat von "lauras"

... und genau das ist der Grund, warum man normalerweise erst den Inhalt und dann das Design macht.. Dann entstehen nämlich keine leeren div-Container

Der Inhalt sind nur PHP-Scripte xD

timtim · 30. Mai 2010

Ohne rückgabe ???

Zumindest eine html komment könntest ausgeben...

Pelgro · 30. Mai 2010

Muss mich korrigieren.
Klappt doch nicht.
Der Scriptly-Vorschau kann man nicht ganz trauen.
Die Scripte, werden danach erst gemacht....
Bin ja noch Anfänger -.-'

timtim · 30. Mai 2010

Blindtext??

Es muss am ende ja nur mit inhalt klappen, oder?

greetz

Pelgro · 30. Mai 2010

Was meinst du mit Blindtext?

Es klappt weder mit display:block; noch mit Text.

timtim · 30. Mai 2010

Wie? wenn text drinn ist, siehst die divs nicht ?

Pelgro · 30. Mai 2010

Nein...
Das ist ja mein Problem -.-'

Hier einmal 2 Screenshots:

Scriptly-Vorschau mit IE:
[Blockierte Grafik: http://img443.imageshack.us/img443/1453/hilfe2.th.jpg]

Da fehlt nur der Inhalt-Div

Und bei IE, FF, Opera, Safari und Chrome:
[Blockierte Grafik: http://img3.imageshack.us/img3/645/hilfe1w.th.jpg]

Da fehlt alles.

Pelgro · 1. Juni 2010

Sorry, wegen doppelposting. Möchte aber mal wissen, ob niemand weiss was los ist.

NeoAramis · 1. Juni 2010

Also wenn ich diesen Code kopiere und bei mir ausgebe, kommt bloss eine Fehlermeldung betreffend PHP. Sowieso ist sehr mühsam aus diesem CSS-Code einen Fehler zu finden.

Pelgro · 1. Juni 2010

Habe alles mal hochgeladen...
http://forumdg.funpic.de

Pelgro · 1. Juni 2010

Sooo....
habe es hinbekommen.
Man muss die floats wieder clearen, weil es sich sonst überlappt.
Also musste ich bei #unten_1 einen clear:left; hinzufügen. Jetzt klappt es.

TRotzdem danke für eure Hilfe.

span und div Inhalte werden nicht angezeigt

Jetzt mitmachen!

Teilen