Fehlendes Bild bei Internet-Explorer

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

kalinawalsjakoff hat kostenlosen Webspace.

17:32, 23.7.2009

Hallo Leute,

ich habe wieder einmal ein Problemchen. Also Wenn ich den Internetexplorer(Version 7 und 8) öffne, fehlt bei mir oben im Kopfbereich die Grafik, die ich eigens für die Seite [url]http://dsa-charaktere[/url] (alternativ steht der Link auch unten in meiner Signatur) erstellt habe. Bei Firefox und Opera ist alles zu sehn, auch bei Safari wurde mir gesagt.

Hier der Code für die Seite:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="description" content="DSA Das sdhwarze Auge Charakter Charaktere">
<meta name="author" content="Kalina Walsjakoff">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" href="style.css" type="text/css">
<title>Meine DSA Charaktere</title>
<style type="text/css">
<!--
body {
    color: black; background-color: #FFCC66;
    font-size: 99.00%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;
  }

  div#header {
    text-align: center;
    margin: 0 auto;
    width: 99%;
    padding: 0;
    background: #FFffcc;
    border: 1px ridge silver;
  }

  h1 {
    font-size: 20pt;
    margin: 0; padding: 0.1em;
    text-align: center;
    background: #FFFFCC;
    border-bottom: 1px solid silver;
  }

  ul#sidebar {
    font-size: 12pt;
    float: left;
    background-color: #F5DEB3;

  }
  ul#sidebar li {
    list-style: none;
    padding: 3pt;
    margin: 10pt;

  }
  ul#sidebar a {
    display: block;
    font-size: 12pt;
    color: #000000; background-color: #F5DEB3;
  }
  ul#sidebar a:link {
    color: #FF7F24; background-color: #F5DEB3;
  }
  ul#sidebar a:visited {
    color: #EE3B3B; background-color: #F5DEB3;
  }
  ul#sidebar a:hover {
    color: #836FFF; background-color: #F5DEB3;
  }
  ul#sidebar a:active {
    color: #66CDAA; background-color: #F5DEB3;
  }
  div#content {
    padding: 0 1em;
  }
  div#content h2 {
    font-size: 18pt;
    margin: 0.2em 0;
    color: navy;
  }
  div#content p {
    font-size: 12pt;
    margin: 1em 0;
  }

  p#footer {
    clear: both;
    font-size: 8pt;
    margin: 0; padding: 0.1em;
    text-align: center;
    border-top: 1px solid silver;
  }

=-->
</style>
</head>
<body>


<div id="header" >
  <img src="Bilder/Banner2.jpg" alt="" border="" width="99%" height="">

<br>
<br>
<br>
<ul id="sidebar">
<li><a href="Aleanra.php">Aleanra</a</li>
<li><a href="Aliandra.php">Aliandra</a></li>
<li><a href="Ardare.php">Ardare</a></li>
<li><a href="Ayrina.php">Ayrina</a></li>
<li><a href="Danera.php">Danera</a></li>
<li><a href="Elanna.php">Elanna</a></li>

<li><a href="Finni.php">Finni</a></li>
<li><a href="Fiona.php">Fiona</a></li>
<li><a href="Kalina.php">Kalina</a></li>
<li><a href="Khorena.php">Khorena</a></li>
<li><a href="Korina.php">Korina</a></li>
<li><a href="Loreen.php">Loreen</a></li>
<li><a href="Rhianna.php">Rhianna</a></li>
<li><a href="Selena.php">Selena</a></li>
<li><a href="Shanya.php">Shanya</a></li>

<li><a href="Silara.php">Silara</a></li>
</ul>

<div id="content">

<h2>Meine Charaktere</h2>
<br>
<br>
<br>
<p>Auf den folgenden Seiten werden ein paar meiner Lieblingscharaktere, die ich im <a href="http://vinsalt.mainchat.de">Forenchat</a>
spiele, vorgestellt.
<br>
<br>

Ich wünsche euch viel Spaß beim Stöbern
</p>



<p id="footer">Diese Seite wird auf <a href="http://www.lima-city.de/">Lima-City</a> einem freien und werbefreien Webhostingangebot gehostet.</p>
</div>
</div>
</body>
</html>

Bisher habe ich alles was mir einfallen ist ausprobiert, der der Banner (ja ich hab die Datei einfach mal so benannt) fehlt immer beim IE. Habt ihr vielleicht ein Tip? Verlinkt ist das Bildchen auch richtig daran kann es definitiv nicht liegen.

Beitrag zuletzt geändert: 23.7.2009 17:35:26 von kalinawalsjakoff

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
kaetzle7

Moderator

kaetzle7 hat kostenlosen Webspace.
17:39, 23.7.2009
Ich würde sagen, das liegt am height="" in dieser Zeile:
```
<img src="Bilder/Banner2.jpg" alt="" border="" width="99%" height="">
```
Lösch das einfach mal und schau was dann passiert.

~~w******s~~

17:43, 23.7.2009

Ich würde das nicht als Bild machen, da es ja lediglich ein "Design-Objekt" ist, und der div#header sollte vllt. nicht alles umschließen, besser wäre:

<div id="wrap">

<div id="header">
   <h1><a href="/" title="Seitenname"><span>Titel der Seite</span></a></h1>

</div>

....
CSS:

#header {width:99%; height:96px; background: url('Bilder/Banner2-Abschnitt.jpg') repeat-x center;}
h1 {width: 750px; height: 96px; background: url('Bilder/Banner2.jpg') no-repeat center center;}
h1 a {display:block;}
h1 a span {display:none;}

kaetzle7 schrieb: Lösch das einfach mal und schau was dann passiert.

Noch besser wäre, die Höhe auch hineinzuschreiben (96).

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city