zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Grafik wird nicht angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.01.2006, 14:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2005
Beiträge: 6
Jasper befindet sich auf einem aufstrebenden Ast
Standard Grafik wird nicht angezeigt

Hallo,
ich habe gerade ein Problem und zwar wird eine Grafik/div aus mir unerklärlichen Gründen nicht angezeigt.
Es geht dabei um
Code:
div.fueller
welches eine Grafik enthält die 1000px breit und 9px hoch ist.
Die Grafik soll unter "div.banner" sowie den nebeneinander liegenden divs "news", "vwar", "board", "gb" usw. liegen, wird aber nicht angezeigt.
Habe schon versucht "div.fueller" anders unterzubringen was aber bisher nicht geklappt hat.

MfG Jasper

Hier der Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Testseite</title>

        <style type="text/css">

                    body
                        {
                          background-color: #3e3e3e;
                        }

                    div.parent
                        {

                          visibility: visible;
                          position: absolute;
                          left: 50%;
                          margin-left: -500px; /* negative Hälfte von width:1000px (breite des Layouts) */
                          width: 1000px;
                          height: 100%;
                          text-align: center;
                          background-image: url(main715.jpg);
                          background-repeat: repeat-y;
                        }

                    div.banner
                        {

                          text-align: center;
                          width: 1000px;
                          height: 209px;
                          background-image: url(main7_01.gif);
                          background-repeat: no-repeat;
                        }
                        /*Beginn der Navigationsleiste*/
                    div.news
                        {
                          background-image: url(main703.jpg);
                          background-repeat: no-repeat;

                          float: left;
                          margin-top: 175px;
                          margin-left: 100px;
                          height: 34px;
                          width: 105px;
                          display: inline;
                        }
                     div.vwar
                        {
                          background-image: url(main704.jpg);
                          background-repeat: no-repeat;
                          float: left;
                          margin-left: 205;
                          margin-top: 175px;
                          height: 34px;
                          width: 103px;
                          display: inline;
                        }
                     div.board
                        {
                          background-image: url(main705.jpg);
                          background-repeat: no repeat;
                          height: 34px;
                          width: 103px;
                          float: left;
                          margin-top: 175px;
                          margin-left: 0px;
                          display: inline;

                        }
                     div.gb
                        {
                          background-image: url(main706.jpg);
                          background-repeat: no-repeat;
                          height: 34px;
                          width: 144px;
                          float: left;
                          margin-top: 175px;
                          display: inline;
                        }
                     div.misc
                        {
                          background-image: url(main707.jpg);
                          background-repeat: no-repeat;
                          height: 34px;
                          width: 88px;
                          float: left;
                          margin-top: 175px;
                          display: inline;
                        }
                     div.server
                        {
                          background-image: url(main708.jpg);
                          background-repeat: no-repeat;
                          height: 34px;
                          width: 113px;
                          float: left;
                          margin-top: 175px;
                          display: inline;
                        }
                     div.join
                        {
                          background-image: url(main709.jpg);
                          background-repeat: no-repeat;
                          height: 34px;
                          width: 144px;
                          float: left;
                          margin-top: 175px;
                          display: inline;
                        }
                        /*Ende der Navigationsleiste*/

                     div.fueller
                        {
                          background-image: url(713.gif);
                          background-repeat: no-repeat;
                          height: 9px;
                          width: 1000px;
                          margin-top: 209px;
                          display: inline;
                        }

        </style>
    </head>

        <body>

            <div class="parent">
                <div class="banner">

                    <div class="news">
                    </div>

                    <div class="vwar">
                    </div>

                    <div class="board">
                    </div>

                    <div class="gb">
                    </div>

                    <div class="misc">
                    </div>

                    <div class="server">
                    </div>

                    <div class="join">
                    </div>

                    <div class="fueller">
                    </div>

                </div>
            </div>

        </body>

</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.01.2006, 14:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
div.fueller
{
background-image: url(713.gif);
background-repeat: no-repeat;
height: 9px;
width: 1000px;
margin-top: 209px;
display: inline;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.01.2006, 14:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2005
Beiträge: 6
Jasper befindet sich auf einem aufstrebenden Ast
Standard

Wenn ich das display: innline; rausnehme ändert sich acuh nicht wirklich was.

Siehe hier: www.blogging-online.com

Eigentlich sollte unter der Navileiste diese dünne Grafik sein, sie ist aber nicht da.
Mit Zitat antworten
  #4 (permalink)  
Alt 05.01.2006, 14:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Jasper
Eigentlich sollte unter der Navileiste diese dünne Grafik sein, sie ist aber nicht da.
Die Grafik 713.gif existiert nicht auf deinem Server.
Gib dem Element mal eine Hintergrundfarbe, dann siehst du, wo es sitzt.
Du hast ganz viel float, aber kein clear.

Grundsätzlich: schau dir deine Seite mal ohne Bilder an.
Eine Navigation gehört in eine Liste!
Leere Elemente für Ziergarfiken brauchst du nicht. Du kannst die "Leiste" z.B. als Hintergrundbild im vermutlich folgenden Contentbereich unterbringen.
Mit Zitat antworten
  #5 (permalink)  
Alt 05.01.2006, 14:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2005
Beiträge: 6
Jasper befindet sich auf einem aufstrebenden Ast
Standard

Danke.
Ok, ich bin schon still
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Grafik wird unterschiedlich angezeigt businesscrew CSS 8 02.01.2012 13:59
Grafik wird in div nicht angezeigt (IE) thowe CSS 1 14.09.2009 12:13
BG Grafik wird nur im Editor (DW) angezeigt, nicht im Browser rezei CSS 12 14.12.2007 19:24
Die Grafik "http://poke-clan.tc-central.de/Abmelden/code.php" kann nicht angezeigt we nick Serveradministration und serverseitige Scripte 2 16.10.2006 05:40
Grafik zu groß angezeigt im IE rabenau CSS 2 10.04.2006 00:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:47 Uhr.