|
|||
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 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> |
Sponsored Links |
|
|||
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. |
|
|||
Zitat:
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. |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |