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

Chrome macht Probleme bei der Darstellung

Megalomaniac

Neues Mitglied
Hallo Leute,

ich hab zwar gesucht, allerdings nichts gefunden. Bin mir auch nicht ganz sicher was der richtige Suchbegriff wäre..

Mein Problem:
Ich habe mittlerweile meine Webseite fertig gestellt und wollte mal den Crossbrowser Test machen. Entwickelt habe ich alles mit Firefox und nun kam bei Google´s Chrome ein Fehler.
Ich habe insgesamt 3 Listen die mit a:hover jeweils einen Hintergrundbalken einblenden. Das Problem ist, dass Chrome das für 2 Listen nicht macht..

Bei diesem Element klappts:
Code:
<li><h2 id="hover_h2"><a href="javascript:return false;">Torben</a></h2><img src="img/torben.jpg" alt="BILD" class="hidden">

und bei diesem nicht:
Code:
<li><a href="http://maps.google.de/maps?q=gl%C3%BCckstadt&hl=de&ie=UTF8&client=firefox-a&hnear=Gl%C3%BCckstadt,+Schleswig-Holstein&gl=de&t=m&z=12&iwloc=A"><font color=#570057>Saturday March 31, 2012</font><br />Kulturwerk Gl&uuml;ckstadt (Hamburg)</a></li>

und bei diesem nicht:
Code:
<li><a href="photos/No Savvy Marx 2010/album/index.html" title="HH,Marx 2010">HH,Marx Aug <font color="red">2010</font></a></li>

habt Ihr ne Idee wieso das nicht klappt?
Danke, Gruß
Mega
 
Dazughöriges CSS wäre vielleicht ganz günstig. Am besten wäre ein Link. Im übrigen glaube ich nicht das ein h2-Element(block) in einem li-Element(inline) erlaubt ist. Das erste li ist auch nicht geschlossen. "Font" gehört zum Layout und hat im HTML auch nichts verloren.
 
Doch, <h2> ist wie auch jedes andere Blockelement in <li> zulässig.

Und ja, der CSS-Code oder besser sogar ein Link wären interessant.
 
Danke für die Info - hier erstmal der ganze Code von allen drei Seiten inkl. CSS - Links gibts nicht da die Seite noch garnicht online ist.
Btw. ist mein erstes Projekt :)

Also, die Seite bei der es nicht geht:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Pictures</title>
<meta name="author" content="Megalomaniac">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" href="css/nosavvy_standard.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<!-- hier kommt der direkte jQuery code in die HTML datei!!-->
<script type="text/javascript">
</script>
<!-- Bild hier eingebunden!!
<style type="text/css">
         body {background-image:url('../img/background_guitar_2.jpeg');
              background-repeat:no_repeat;}
</style>
-->
<script type="text/javascript">
$(document).ready(function(){
    $(function() {
        $('#gallery a').lightBox();
    });
});    
</script>
</head>
<body>
<div id="links">
     <ul id="footer_social">
        <li><a href="http://www.facebook.com/nosavvysite" title="Folgt uns auf Facebook!" ><img src="icons/facebook.png" alt="Facebook" id="fc"/></a></li>
        <li><a href="http://www.chezz-music.com/index.php?site=kuenstler&artist=No-Savvy&sub=music" title="Chezz Music" ><img src="icons/chezz.png" alt="ChezzMusic" id="chezz"/></a></li>
        <li><a href="http://www.youtube.com/results?search_query=NO+SAVVY&oq=NO+SAVVY&aq=f&aqi=g10&aql=&gs_sm=3&gs_upl=142l13692l0l13851l18l15l0l0l0l1l537l1705l2.2.2.1.0.1l11l0" title="Sucht uns auf YouTube!" ><img src="icons/youtube.png" alt="Youtube" id="youtube"/></a ></li>
    </ul>
</div>


<!-- STRUKTUR -->
<div id="navigation">
     <div class="innen">
     <ul>
         <li class="active">
                 <h1><a href="index.html" title="Zur Startseite">Home</a></h1>

                 <ul>
                         <li>
                         <a id="home_btn" href="mitglieder.html" title="Die Mitglieder auf einen Blick">Mitglieder</a>
                         </li>
                 </ul>
         </li><!-- ENDE VON ACTIVE -->
         <li>
                 <a href="tourdaten.html" title="Alle Tourdaten">Tour</a>
         </li>
         <li>
                 Media
                 <ul>
                        <li>
                                 <a href="media_audio.html">Audio</a>
                        </li>
                        <li>
                                 <a href="media_video.html">Video</a>
                        </li>
                        <li>
                                 <a href="media_pictures.html">Pictures</a>
                        </li>

                 </ul>
         </li>
         <li>
                          <a href="kontakt.html" title="Kontakt und Booking">Kontakt</a>
         </li>
         
        <li>    
                        <a href="impressum.html">Impressum</a>
        </li>
     </ul>
</div>
</div>




    

    <div id="gmain">
        <ul id="gmain_list">
            <li><a href="photos/No Savvy Marx 2010/album/index.html" title="HH,Marx 2010">HH,Marx Aug <font color="red">2010</font></a></li>
            <li><a href="photos/Logo, August 2010/album/index.html" title="HH,Logo 2010">HH,Logo Aug <font color="red">2010</font></a></li>
            <li><a href="photos/HH, Pinneberg GSH Gig/album/index.html" title="GSH Pinneberg, 2011">GSH Pinneberg, Mai <font color="red">2011</font></a></li>
            <li><a href="photos/Fotoshooting Florian Schlosser/album/index.html" title="Fotoshoot, Florain Schlosser">Fotoshoot Florian Schlo&szlig;er, Dez <font color="red">2011</font></a></li>
            
        </ul>
    </div>



</body>
</html>


und hier gehts nicht:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Tour</title>
<meta name="author" content="Megalomaniac">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" href="css/nosavvy_standard.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery.js">
</script>
</head>
<body>

<div id="links">
     <ul id="footer_social">
        <li><a href="http://www.facebook.com/nosavvysite" title="Folgt uns auf Facebook!" ><img src="icons/facebook.png" alt="Facebook" id="fc"/></a></li>
        <li><a href="http://www.chezz-music.com/index.php?site=kuenstler&artist=No-Savvy&sub=music" title="Chezz Music" ><img src="icons/chezz.png" alt="ChezzMusic" id="chezz"/></a></li>
        <li><a href="http://www.youtube.com/results?search_query=NO+SAVVY&oq=NO+SAVVY&aq=f&aqi=g10&aql=&gs_sm=3&gs_upl=142l13692l0l13851l18l15l0l0l0l1l537l1705l2.2.2.1.0.1l11l0" title="Sucht uns auf YouTube!" ><img src="icons/youtube.png" alt="Youtube" id="youtube"/></a ></li>
    </ul>
</div>

<!-- STRUKTUR -->
<div id="navigation">
     <div class="innen">
     <ul>
         <li class="active">
                 <h1><a href="index.html" title="Zur Startseite">Home</a></h1>

                 <ul>
                         <li>
                         <a id="home_btn" href="mitglieder.html" title="Die Mitglieder auf einen Blick">Mitglieder</a>
                         </li>
                 </ul>
         </li><!-- ENDE VON ACTIVE -->
         <li>
                 <a href="tourdaten.html" title="Alle Tourdaten">Tour</a>
         </li>
         <li>
                 Media
                 <ul>
                        <li>
                                 <a href="media_audio.html">Audio</a>
                        </li>
                        <li>
                                 <a href="media_video.html">Video</a>
                        </li>
                        <li>
                                 <a href="media_pictures.html">Pictures</a>
                        </li>

                 </ul>
         </li>
         <li>
                          <a href="kontakt.html" title="Kontakt und Booking">Kontakt</a>
         </li>
         
        <li>    
                        <a href="impressum.html">Impressum</a>
        </li>
     </ul>
</div>
</div>

<div id="tour">
    <div id="sidebar">


                     <img src="img/torben.jpg" alt="BILD" class="left_up">
                        <h3>Torben</h3>
                     <img src="img/sinh.jpg" alt="BILD" class="left">
                        <h3>Sinh</h3>
                     <img src="img/hannes.jpg" alt="BILD" class="left"/>
                        <h3>Hannes</h3>
                     <img src="img/nils.jpg" alt="BILD" class="left">
                        <h3>Nils</h3>
                     <img src="img/dino.jpg" alt="BILD" class="left_down">
                        <h3>Dino</h3>
</div>
    
    
    
    <h2 id="tour_h2">Tourdaten 2012</h2>

<ol id="tour_ol" type=1>
<li><a href="http://maps.google.de/maps?q=gl%C3%BCckstadt&hl=de&ie=UTF8&client=firefox-a&hnear=Gl%C3%BCckstadt,+Schleswig-Holstein&gl=de&t=m&z=12&iwloc=A"><font color=#570057>Saturday March 31, 2012</font><br />Kulturwerk Gl&uuml;ckstadt (Hamburg)</a></li>
<li><a href="http://maps.google.de/maps?q=Pinneberg&hl=de&ll=53.656745,9.794312&spn=0.098068,0.291653&sll=53.793553,9.426613&sspn=0.097749,0.291653&oq=Pinneberg&gl=de&hnear=Pinneberg,+Schleswig-Holstein&t=m&z=13"<font color=#570057>Friday Mai 4, 2012</font><br />TBA Pinneberg (Hamburg)</a></li>
<li><a href="http://www.junge-buehne-kiel.de/"><font color=#570057>Saturday, June 16, 2012</font><br />Kieler Woche(Junge B&uuml;hne)</a></li>
<li><a href="http://www.geesthacht-rockt-die-elbe.de/"><font color=#570057>Friday, July 27, 2012</font><br />Geesthacht Rockt die Elbe Festival</a></li>
<li><a href="http://www.young-gans.de/index.php/information/jugendpflege_profil/12/0/neu-wulmstorf.young-gans.de/"><font color=#570057>Friday, October 26, 2012</font><br />JUZ Neu Wulmstorf</a></li>
 </ol>
</div>


</body>
</html>
 
hier gehts weiter:


hier gehts:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Die Band!</title>
<meta name="author" content="Megalomaniac">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" href="css/nosavvy_standard.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery.js"></script>


</head>
<body>
<div id="links">
     <ul id="footer_social">
        <li><a href="http://www.facebook.com/nosavvysite"  title="Folgt uns auf Facebook!" ><img src="icons/facebook.png"  alt="Facebook" id="fc"/></a></li>
        <li><a  href="http://www.chezz-music.com/index.php?site=kuenstler&artist=No-Savvy&sub=music"  title="Chezz Music" ><img src="icons/chezz.png" alt="ChezzMusic"  id="chezz"/></a></li>
        <li><a  href="http://www.youtube.com/results?search_query=NO+SAVVY&oq=NO+SAVVY&aq=f&aqi=g10&aql=&gs_sm=3&gs_upl=142l13692l0l13851l18l15l0l0l0l1l537l1705l2.2.2.1.0.1l11l0"  title="Sucht uns auf YouTube!" ><img src="icons/youtube.png"  alt="Youtube" id="youtube"/></a ></li>
    </ul>
</div>


<!-- STRUKTUR -->
<div id="navigation">
     <div class="innen">
     <ul>
         <li class="active">
                 <h1><a href="index.html" title="Zur Startseite">Home</a></h1>

                 <ul>
                         <li>
                         <a id="home_btn" href="mitglieder.html"  title="Die Mitglieder auf einen Blick">Mitglieder</a>
                         </li>
                 </ul>
         </li><!-- ENDE VON ACTIVE -->
         <li>
                 <a href="tourdaten.html" title="Alle Tourdaten">Tour</a>
         </li>
         <li>
                 Media
                 <ul>
                        <li>
                                 <a href="media_audio.html">Audio</a>
                        </li>
                        <li>
                                 <a href="media_video.html">Video</a>
                        </li>
                        <li>
                                 <a href="media_pictures.html">Pictures</a>
                        </li>

                 </ul>
         </li>
         <li>
                          <a href="kontakt.html" title="Kontakt und Booking">Kontakt</a>
         </li>
         
        <li>    
                        <a href="impressum.html">Impressum</a>
        </li>
     </ul>
</div>
</div>





<div id="mainpage">    
<ul id="mitglieder_ul">

    <noscript>
        <font id="noscript">Um Die Seite richtig darstellen zu  k&ouml;nnen, m&uuml;ssen Sie JavaScript aktivieren!</font>
    </noscript>
    
<li><h2 id="hover_h2"><a href="javascript:return false;">Torben</a></h2><img src="img/torben.jpg" alt="BILD" class="hidden">
    <div class="hidden"><p id="info"><br />Torben Togert<br />
                                    Instrument: Guitar/Vocals<br />
                                    Alter: 25<br />
                                    Geburtsort: Pinneberg/Hamburg<br /><br /><br /></p>

<p id="first">Musikalischer Hintergrund:</p><br />
<p id="next">Mit 11 Jahren lernte ich Keyboard und Piano an der  Yamaha-Musikschule in Magdeburg. Zwei Jahre sp&auml;ter fing ich mit  Gitarre an und kam dann mit 14 endlich zum Bass, mein  pers&ouml;nliches Lieblingsinstrument.

Durch das Spielen eines Instruments kam dann auch der Wunsch in einer  Band zu spielen. Somit gr&uuml;ndete ich mit ein paar  Musiksch&uuml;lern ein Jahr sp&auml;ter eine Coverband und wir  nannten uns Shamrock. Danach spielte ich in einer Musical-Band und trat  mehrmals mit der Auff&uuml;hrrung Nachtruhest&ouml;rer&ouml;  auf. Bevor ich zu No Savvy kam, gr&uuml;ndete ich mit ein paar  Freunden eine 
Ska-Band, die leider durch Umz&uuml;ge verschiedener Bandmitgliedern aufgel&ouml;st wurde.
Nun zupfe ich mit Begeisterung und Vergn&uuml;gen die tiefen Saiten f&uuml;r NO SAVVY</p></div></li>

<li><h2 id="hover_h2"><a href="javascript:return false;">Sinh</a></h2><img src="img/sinh.jpg" alt="BILD" class="hidden">
    <div class="hidden"><p id="info"><br />Sinh C. M&uuml;ller<br />
                                Instrument: Bass<br />
                                Alter: 21<br />
                                Geburtsort: Quang Ninh/Vietnam<br /><br /><br /></p>

<p id="first">Musikalischer Hintergrund:</p><br />
<p id="next">Mit 11 Jahren lernte ich Keyboard und Piano an der  Yamaha-Musikschule in Magdeburg. Zwei Jahre sp&auml;ter fing ich mit  Gitarre an und kam dann mit 14 endlich zum Bass, mein  pers&ouml;nliches Lieblingsinstrument.

Durch das Spielen eines Instruments kam dann auch der Wunsch in einer  Band zu spielen. Somit gr&uuml;ndete ich mit ein paar  Musiksch&uuml;lern ein Jahr sp&auml;ter eine Coverband und wir  nannten uns Shamrock. Danach spielte ich in einer Musical-Band und trat  mehrmals mit der Auff&uuml;hrrung Nachtruhest&ouml;rer&ouml;  auf. Bevor ich zu No Savvy kam, gr&uuml;ndete ich mit ein paar  Freunden eine 
Ska-Band, die leider durch Umz&uuml;ge verschiedener Bandmitgliedern aufgel&ouml;st wurde.
Nun zupfe ich mit Begeisterung und Vergn&uuml;gen die tiefen Saiten f&uuml;r NO SAVVY</p></div></li>

    <li><h2 id="hover_h2"><a href="javascript:return false;">Hannes</a></h2><img src="img/hannes.jpg" alt="BILD" class="hidden">
    <div class="hidden"><p id="info"><br />Johannes Harder<br />
                                Instrument: Vocals<br />
                                Alter: 27<br />
                                Geburtsort: Pinneberg/Hamburg<br /><br /><br /></p>

<p id="first">Musikalischer Hintergrund:</p><br />
<p id="next">Mit 11 Jahren lernte ich Keyboard und Piano an der  Yamaha-Musikschule in Magdeburg. Zwei Jahre sp&auml;ter fing ich mit  Gitarre an und kam dann mit 14 endlich zum Bass, mein  pers&ouml;nliches Lieblingsinstrument.

Durch das Spielen eines Instruments kam dann auch der Wunsch in einer  Band zu spielen. Somit gr&uuml;ndete ich mit ein paar  Musiksch&uuml;lern ein Jahr sp&auml;ter eine Coverband und wir  nannten uns Shamrock. Danach spielte ich in einer Musical-Band und trat  mehrmals mit der Auff&uuml;hrrung Nachtruhest&ouml;rer&ouml;  auf. Bevor ich zu No Savvy kam, gr&uuml;ndete ich mit ein paar  Freunden eine 
Ska-Band, die leider durch Umz&uuml;ge verschiedener Bandmitgliedern aufgel&ouml;st wurde.
Nun zupfe ich mit Begeisterung und Vergn&uuml;gen die tiefen Saiten f&uuml;r NO SAVVY</p></div></li>

<li><h2 id="hover_h2"><a href="javascript:return false;">Nils</a></h2><img src="img/nils.jpg" alt="BILD" class="hidden">
    <div class="hidden"><p id="info"><br />Nils Togert<br />
                                Instrument: Vocals<br />
                                Alter: 20<br />
                                Geburtsort: Pinneberg/Hamburg<br /><br /><br /></p>

<p id="first">Musikalischer Hintergrund:</p><br />
<p id="next">Mit 11 Jahren lernte ich Keyboard und Piano an der  Yamaha-Musikschule in Magdeburg. Zwei Jahre sp&auml;ter fing ich mit  Gitarre an und kam dann mit 14 endlich zum Bass, mein  pers&ouml;nliches Lieblingsinstrument.

Durch das Spielen eines Instruments kam dann auch der Wunsch in einer  Band zu spielen. Somit gr&uuml;ndete ich mit ein paar  Musiksch&uuml;lern ein Jahr sp&auml;ter eine Coverband und wir  nannten uns Shamrock. Danach spielte ich in einer Musical-Band und trat  mehrmals mit der Auff&uuml;hrrung Nachtruhest&ouml;rer&ouml;  auf. Bevor ich zu No Savvy kam, gr&uuml;ndete ich mit ein paar  Freunden eine 
Ska-Band, die leider durch Umz&uuml;ge verschiedener Bandmitgliedern aufgel&ouml;st wurde.
Nun zupfe ich mit Begeisterung und Vergn&uuml;gen die tiefen Saiten f&uuml;r NO SAVVY</p></div></li>

<li><h2 id="hover_h2"><a href="javascript:return false;">Dino</a></h2><img src="img/dino.jpg" alt="BILD" class="hidden">
    <div class="hidden"><p id="info"><br />Dino Buskulic<br />
                                Instrument: Guitar<br />
                                Alter: 23<br />
                                Geburtsort: Zadar/Kroatien<br /><br /><br /></p>

<p id="first">Musikalischer Hintergrund:</p><br />
<p id="next">Mit 11 Jahren lernte ich Keyboard und Piano an der  Yamaha-Musikschule in Magdeburg. Zwei Jahre sp&auml;ter fing ich mit  Gitarre an und kam dann mit 14 endlich zum Bass, mein  pers&ouml;nliches Lieblingsinstrument.

Durch das Spielen eines Instruments kam dann auch der Wunsch in einer  Band zu spielen. Somit gr&uuml;ndete ich mit ein paar  Musiksch&uuml;lern ein Jahr sp&auml;ter eine Coverband und wir  nannten uns Shamrock. Danach spielte ich in einer Musical-Band und trat  mehrmals mit der Auff&uuml;hrrung Nachtruhest&ouml;rer&ouml;  auf. Bevor ich zu No Savvy kam, gr&uuml;ndete ich mit ein paar  Freunden eine 
Ska-Band, die leider durch Umz&uuml;ge verschiedener Bandmitgliedern aufgel&ouml;st wurde.
Nun zupfe ich mit Begeisterung und Vergn&uuml;gen die tiefen Saiten f&uuml;r NO SAVVY</p></div></li>
</ul>
    
    <script>
    $(document).ready(function(){

        $("#mitglieder_ul li").click(function(){
            $(this).children(".hidden").toggle("slow");
        });

    });
    </script>


</div>


</body>
</html>
 
und hier die CSS:

Code:
@import url(http://fonts.googleapis.com/css?family=Frijole);
 @import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);
 
 
 body{
     color:#000000;
     font-family:Helvetica,Verdana,Arial,sans-serif,Stencil;
     text-align: left;
     line-height:25px;
     /*background:url(../img/background5.png) bottom no-repeat;*/
     background:url(../img/bg.jpg);
 }
 
 *{    
     font-size: 62,5%;
     margin: 0px auto;
     padding: 0px;
 }
 
 p{
     line-height:1,5em;
 }
 
 div{
     border: 0px solid black;
 }
 
 span{
     color:red;
     font-size:14px;
 }
 
 a{
     text-decoration:none;
 }
 
 #noscript{
     font-size:20px;
     color:#ff0000;
     line-height:1,5em;
     text-align:center;
 }
 
 #links{
     border:1px solid black;
     border-width:0px 0px 1px 0px;
     background:black;
 }
 
 #links img{
     border:none;
 }
 
 #links ul li{
     display:inline;
     padding:15px;
 }
 
 #navigation{
 /*Kommentare in CSS bitte so... -.- */
     border: 4px solid black;
     border-style: groove;
     border-width:1px 1px 1px 1px;
     font-family: Frijole;
     background:url(../img/no_savvy_all.jpg) left;
     width:1000px;
     height:140px;
     text-align:center;
     font-size:20px;
 }
 
 .innen{
     padding:60px 35px 0px 0px;
 }
 
 #footer{
     margin-top:100px;
     height:140px;
     height:60px;
     text-align:center;
     background:#FFFFF;
 }
 
 #footer ul{
     margin-top:10px;
     list-style:none;
     text-align:center;
     display:block;
 }
 #footer ul li{
     display:inline;
     padding:50px;
 }
 
 #footer img{
     border:none;
 }
 
 #navigation a,
 #navigation li{
     /*color:#570057;*/
     color:white;
     
 }
 #navigation li:hover,
 #navigation a:hover{
     color:#570057;
 }
 
 #navigation ul{
     padding:0px 2px 0px 0px;
     margin:0px;
     list-style:none;
 }
 
 #navigation ul ul{
     list-style:circle;
 }
 
 #navigation li,
 #navigation li.active{
     float:right;
 }
 
 #navigation li a{
     display:block;
     text-decoration:none;
     margin: 0px 0px 0px 2px; /*F�r rand von li*/
     padding:8px 12px 6px;
     background:transparent;
 }
 
 #navigation ul li ul li{
     display:none;
     padding:8px 4px;
 }
 
 #navigation ul li ul{
     position:absolute;
 }
 
 #navigation ul li:hover ul li{
     display:block;
 }
 
 
 #sidebar{
     margin:50px 15px 0px 0px;
     height:800px;
     width:200px;
     font-size:14px;
     text-align:center;
     float:left;
     clear:both;
 }
 
 
 img{
     padding: 0px 0px 0px 0px;
     border:3px solid black;
 }
 
 
 
 .icons{
     border-width:2px 3px 2px 3px;
 }
 
 
 #impressum{
     padding:15px;
     width:950px;
     margin-top:50px;
     background:#FFF;
 }
 
 /*Rahmen rechte Seite von Main! */
 #over_mainpage{
     border-width:0px 3px 0px 0px;
 }
 
 #mainpage,
 #mainpage_media,
 #tour{
     width:950px;
     margin:auto;
     text-align:left;
     margin-bottom:50px;
     /*background-color:#FFF;*/
     /*background:url(../img/background2.png) bottom no-repeat;*/
     
 }
 
 #main_ol{
     list-style:none;
     text-align:center;
 }
 
 #tour{
     height:850px;
 }
 
 #tour_ol{
     line-height:30px;
     text-align:center;
     list-style:none;
     width:600px;
     padding-left:50px;
 }
 
 #tour_ol li{
     font-size:24px;
     font-family:The Girl Next Door;
     padding-top:20px;
 }
 
 #tour_ol a{
     color:black;
 }
 
 .hidden_links{
     display:none;
     padding-top:20px;
     background:url(img/link_image.png) no-repeat;
     color:white;    
 }
 
 
 
 h2,h4{
     background:url(../img/h2_bg.png) no-repeat;
     background-position:right bottom;
     font-size:30px;
     text-align:right;
     font-style:italic;
     padding:50px 15px 10px 0px;
     font-family:The Girl Next Door;
     color:#570057;
     color:#FFF;
     font-weight:bold;
 }
 
 #tour_h2{
     padding:55px 15px 0px 0px;
 }
 
 #hover_h2{
     width:200px;
     display: block;
     font-size:28px;
     padding:0px 0px 0px 0px;
     margin-top:50px;
     font-family:The Girl Next Door;
     color:black;
     text-align:center;
     font-weight:none;
     background:none;
 }
 
 
 #first{
     text-align:center;
     font-size:22px;
     font-weight:bold;
     font-family:The Girl Next Door;
 }
 
 #next{
     font-weight:bold;
 }
 
 .mitglieder{
     width:200px;
     margin:0px 300px 0px 0px;
 }
 
 #mitglieder_ul{
     margin:50px 0px 0px 0px;
     list-style:none;
     text-align:left;
 }
 
 #gallery_main{
     color:black;
     text-align:center;
 }
 
 
 #mitglieder_ul img{
     float:left;
 }
 
 #mitglieder_ul a{
     color:#000000;
     display:block;
 }
 
 
 #info{
     margin-left:10px;
     padding:0px 0px 0px 150px;
     font-family:The Girl Next Door;
     color:#570057;
     font-size:26px;
     font-weight:bold;
     background:url(../img/info_bg.png) no-repeat;
     background-position:right-top;
 }
 
 .hidden{
     display:none;
 }
 
 .mitglieder_pics{
     display:none;
 }
     
 h{
     font-style:italic;
 }
 
 #gallery{
     padding: 50px 0px 0px 0px;    
 }
 
 #gallery ul{
     list-style:none;
 }
 
 #tour{
     font-style:italic;
 }
 
 
 #kontaktform{
     line-height:50px;
     font-size:16px;
     font-style:italic;
 }
 
 #kontaktform input{
     border:2px solid black;
     width: 160px;
     height: 25px;
 }
 
 #kontaktform textarea{
     border: 2px solid black;
 }
 
 #audio_table{
      margin:50px 0px 0px 0px;
      text-align:center;
 }
 
 #gmain{
     height:400px;
     margin-top:50px;
     font-family:The Girl Next Door;
     font-size:28px;
     text-align:center;
 }
 
 #gmain_list{
     list-style:none;
     width:600px;
 }
 
 #gmain_list li{
     margin-top:50px;
 }
 
 #tour_ol li:hover,
 #gmain_list li:hover,
 #hover_h2:hover{
     font-weight:bold;
     display:block;
 }
 
 #hover_h2:hover{
     background:url(../img/mitglieder_hover.png);
 }
 
 #gmain_list li:hover{
     background:url(../img/gmain_hover.png);
 }
 
 #tour_ol li:hover{
     background:url(../img/tour_hover.png)
 }
 
 #gmain_list a{
     color:black;
 }
 
 #videos td{
     padding:35px;
 }
 
 .vid_def{
     color:#FFF;
     font-style:italic;
 }
 
 #audio_all{
     margin-top:50px;
 }
 #audio_all img{
     float:left;
     border:none;
 }
 
 #audio_all p{
     /*font-family:The Girl Next Door;
     color:#570057;*/
     color:#FFFFF;
     font-size:15px;
     font-style:italic;
     font-weight:bold;
 }
 
 #audio_all h3{
     font-family:Frijole;
     font-size:22px;
     color:#FFFFF;
 }
 
 #cd_text{
     margin-left:200px;
 }
 
 #songs{
     margin-right:500px;
 }
 
 #songs td{
     width:150px;
     list-style:none;
     font-family:The Girl Next Door;
     font-weight:bold;
     color:#FFF;
 }
 
 #cd_order{
     float:right;
     margin:-200px -150px 0px 0px;
     font-style:none;
     font-family:Frijole;
     font-weight:bold;
     font-size:28px;
     color: #FFF;
 }
 
 #cd_order:hover{
     color:#570057;
 }
 
 #label_preis{
     padding-left:30px;
     padding-right:15px;
 }
 
 #preis{
     width:15px;
     color:#FF0000;
     text-align:center;
     font-size:16px;
 }
 
 #cd_preisinfo{
     float:right;
     width:735px;
     background:#FFF;
 }
 
 
 #fc:hover{
     background:url(../icons/hFacebook64x64.png);
 }
 
 #chezz:hover{
     background:url(../icons/hchezz64x64.png);
 }
 
 #google:hover{
     background:url(../icons/hgoogle64x64.png);
 }
 
 #youtube:hover{
     background:url(../icons/hyoutube64x64.png);
 }

Danke Leute!!!
Gruß, Mega
 
Leute ich hab die Lösung gefunden!!

Für alle die möglicherweise auf das selbe Problem stoßen! :

Das folgende hat den Fehler verursacht:

Code:
 #mainpage,  #mainpage_media,  #tour{      width:950px;      [COLOR=#ff0000]margin:auto;[/COLOR] [COLOR=#006400]<-- FEHLER, vorallem wurde 2 Zeilen weiter nochmal margin-bottom verwendent...naja was solls :D[/COLOR]      text-align:left;      margin-bottom:50px;      /*background-color:#FFF;*/      /*background:url(../img/background2.png) bottom no-repeat;*/        }

Die Tage werd ich die Homepage online bringen, würde mich über ein bisschen Feedback freuen!

Greetz, Mega
 
Wenn du Feedback haben willst, stell die Seite Online. Dann lassen sich potentielle Fehler im Browser erkennen. Aber erwarte nicht, dass man sich aus drei postings den Code kopiert, um damit eine Datei zu erstellen.

Ansonsten ist margin:auto per se nicht falsch und würde frühere Eingaben höchstens überschreiben. Hingegen halte ich einen Doctype mit loose.dtd für schlechten Stil.
 
Zurück
Oben