• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellungsproblem bei IE

RedDevil210

Neues Mitglied
Hallo!

Ich habe meine Homepage jetzt fast fertig und bin gerade am testen mit den unterschiedlichsten Browsern. Bei Firefox wird auch alles korrekt angezeigt, nur bei IE habe ich auf einer meiner Seiten Probleme. Der Link zu meiner Seite lautet: Hobbyfotograf Franz Fletzberger
HTML:
<!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>Hobbyfotograf Franz Fletzberger</title>
        <meta name="generator" content=
        "HTML Tidy, see www.w3.org" />
        <meta http-equiv="Content-Type" content=
        "text/html; charset=iso-8859-1" />
        <meta content=
        "naturfotografie,makrofotgrafie,makro,makrofoto,naturfoto,natur,fotos,bilder,insekten,ziesel, schmetterling"
         name="Keywords" />
        <meta content=
        "Auf der Seite von Hobbyfotograf Franz Fletzberger erwarten Sie Naturaufnahmen aus &Ouml;sterreich."
         name="Description" />
        <meta content="Harald Fletzberger" name="Author" />
        <meta content="Harald Fletzberger" name="Publisher" />
        <meta content="Franz Fletzberger" name="Copyright" />
        <meta content="DE" name="Content-language" />
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    <body>
        <div id="wrapper">
            <div id="header">
                <ul id="nav">
                    <li><a href="index.htm">Aktuelles</a></li>

                    <li><a href="ueber_mich.htm">&Uuml;ber mich</a></li>

                    <li><a href="galerie.htm">Galerie</a></li>

                    <li><a href="kontakt.htm">Kontakt</a></li>

                    <li><a href="impressum.htm">Impressum</a></li>
                </ul>
            </div>

            <div id="contain">
                        <div id="right">
                <h1>Galerie</h1>

        <h5>Zur Auswahl einer Kategorie bitte einfach auf das jeweilige Foto "klicken".</h5>
        <ul id="gallerynav"><li>
                                        <h2>
                                                <a href="wild.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/wild.jpg" width="180" height="127" alt="&Atilde;�bersichtsbild" />
                                                        Wild
                                                </a>
                                        </h2>
                                </li><li>

                                        <h2>
                                                <a href="vogel.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/vogel.jpg" width="180" height="127" alt="&Atilde;�bersichtsbild" />
                                                        V&ouml;gel
                                                </a>
                                        </h2>
                                </li><li>
                                        <h2>

                                                <a href="amphibien.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/amphibie.jpg" width="180" height="120" alt="&Atilde;�bersichtsbild" />
                                                        Amphibien &amp; Reptilien
                                                </a>
                                        </h2>
                                </li><li>
                                        <h2>
                                                <a href="insekten.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/insekten.jpg" width="180" height="120" alt="&Atilde;�bersichtsbild" />

                                                        Insekten
                                                </a>
                                        </h2>
                                </li><li>
                                        <h2>
                                                <a href="landschaften.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/landschaft.jpg" width="180" height="120" alt="&Atilde;�bersichtsbild" />
                                                        Landschaften
                                                </a>
                                        </h2>

                                </li><li>
                                        <h2>
                                                <a href="architektur.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/architektur.jpg" width="180" height="120" alt="&Atilde;�bersichtsbild" />
                                                        Architektur
                                                </a>
                                        </h2>
                                </li><li>
                                        <h2>

                                                <a href="pflanzen.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/pflanze.jpg" width="180" height="120" alt="&Atilde;�bersichtsbild" />
                                                        Pflanzen
                                                </a>
                                        </h2>
                                </li><li>
                                        <h2>
                                                <a href="sonstiges.htm" title="Zu den Fotos">
                                                        <img src="galerie/kat_thumbs/sonstige.jpg" width="180" height="120" alt="&Atilde;�bersichtsbild" />

                                                        Sonstiges
                                                </a>
                                        </h2>
                                </li></ul></div>

            </div>

            <div id="left">
                <h2 id="kategorien">Kategorien</h2><div id="baum">
                                  <ul>
                                <li><a href="wild.htm">Wild</a>
                                                <ul>
                                                        <li><a href="ziesel.htm">Ziesel</a></li>
                                                </ul>
                                                </li>
                                                <li><a href="vogel.htm">V&ouml;gel</a>
                                                <ul>
                                                        <li><a href="reiher.htm">Graureiher</a></li>

                                                </ul>
                                                </li>
                                                <li><a href="amphibien.htm">Amphibien &amp; Reptilien</a>
                                                <ul>
                                                        <li><a href="eidechse.htm">Eidechsen</a></li>

                                                        <li><a href="schildkroete.htm">Europ. Wasserschildkr&ouml;ten</a></li>
                                                        
                                                </ul>
                                                </li>
                                                <li><a href="insekten.htm">Insekten</a>
                                                <ul>
                                                        <li><a href="libellen.htm">Libellen</a></li>
                                                        <li><a href="schmetterlinge.htm">Schmetterlinge</a></li>
                                                        <li><a href="taubenschwaenzchen.htm">Taubenschw&auml;nzchen</a></li>
                                                        <li><a href="sonstiges_insekten.htm">Sonstiges</a></li>
                                                </ul>
                                                </li>
                                                <li><a href="landschaften.htm">Landschaften</a></li>
                                                <li><a href="architektur.htm">Architektur</a></li>
                                                <li><a href="pflanzen.htm">Pflanzen</a></li>
                                                <li><a href="sonstiges.htm">Sonstiges</a></li>
                                                </ul>
                                                </div
                                     <div class="hr">
                <img src="images/hr.png" name="seperator" width="243" height="30" />
</div>
<h2 id="hinweis">Hinweis</h2>
                 <p>Alle Inhalte auf dieser Website sind urheberrechtlich gesch&uuml;tzt!</p>
                 <p>Jegliche Verwendung der Bilder nur mit ausdr&uuml;cklicher schriftlicher Genehmigung des Fotografen!</p>
            </div>
            <div class="clear_bott" />
        </div>


        <div id="footer">
            <p>&copy; 2009 by Harald Fletzberger</p>
        </div&gt
          <div class="clear_bott" />

    </body>
</html>
Dort wird mir der linke Bereich unter Hinweise nicht richtig dargestellt. Auch habe ich so eine komische "Leerzeile" unter meinen Galeriebildern. Wenn ich in die Einzelnen Kategorien dann rein gehe habe ich wieder das Problem mit dem Punkt Hinweis. Kann mir vielleicht einer sagen warum das nicht richtig dargestellt wird? Liegt es vielleicht an einem fehlenden Clear? Und wenn ja, wie kann ich das in meinem Fall richtig clearen?

Danke schon mal für eure Hilfe!
LG RedDevil210
 
die DIVs sollten mal richtig geschlossen werden. du hast da eine sehr seltsame weise bei den tags im unteren teil entwickelt...

Nils aka XraYSoLo
 
Zurück
Oben