div will css nicht annehmen/ausführen

Unregistriert

Hallöchen, bin grad ratlos.
Ich baue grade meine HP um und baue das Layout von <table> auf <div> um.

Mein Problem ist nun, dass der div mit der id header sein css nicht ausführen will.

HTML:

HTML

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


    <head>


        <title>Beeskower Slackliner</title>


        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <meta name="description" content="Die Homepage der Beeskower Slackliner" />
        <meta name="author" content="Beeskower Slackliner" />
        <meta name="keywords" content="beeskower, slackliner, beeskow, slackline, slacklining, slacken, slacklinen, jonas, max, philip, tobias" />


        <!-- CSS & Favicon -->


        <link type="image/x-icon" rel="shortcut icon" href="/pics/favicon.ico" />
        <link type="text/css" rel="stylesheet" href="/scripts/style.css" />
        <link type="text/css" rel="stylesheet" href="/scripts/superfish/superfish.css" />
        <link type="text/css" rel="stylesheet" href="/scripts/fancybox/jquery.fancybox.css?v=2.0.6" />
        <link type="text/css" rel="stylesheet" href="/scripts/fancybox/jquery.fancybox-thumbs.css" />


        <!-- JavaScript -->


        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="/scripts/superfish/superfish.js"></script>
        <script type="text/javascript" src="/scripts/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script>
        <script type="text/javascript" src="/scripts/jQuery_plugins.js"></script>
        <script type="text/javascript" src="/scripts/fancybox/jquery.mousewheel.pack.js"></script>
        <script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-thumbs.js"></script>


        <script type="text/javascript">


            function mobileRedirect() {
                var agree=confirm("Willst du auf die mobile Version dieser Seite wechseln?");
                if (agree) return true ;
                else return false ;
            }


        </script>


    </head>


    <body>


        <div id="wrapper">


            <div id="logo">


                <a href="/home.php"><img height="100" style="margin-left: 2px; margin-top: 2px;" src="/pics/logo_1.png" border="0" /></a>
                <a href="/home.php"><img style="margin-left: 2px; margin-top: 2px;" src="/pics/logo_2.png" border="0" /></a>


            </div>


            <div id="header">


                ---Superfish---


            </div>


            <div class="fadein">


                <img src="/pics/slideshow/s0.jpg" />
                <img src="/pics/slideshow/s1.jpg" />
                <img src="/pics/slideshow/s2.jpg" />
                <img src="/pics/slideshow/s3.jpg" />
                <img src="/pics/slideshow/s4.jpg" />
                <img src="/pics/slideshow/s5.jpg" />


            </div>


            <div id="content">


                ###Inhalt (PHP)###


            </div>


            <div id="footer">


                ###Footer###


            </div>
       </div>


    </body>


</html>

Alles anzeigen

CSS:

Code

/* Hauptteil */


html, body {
    background-color: #dcdcdc;
    margin-top: 0px;
    font-family: Corbel;
}


div#wrapper {
    width: 1100px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -550px;
    margin-top: 3px;
}


div#logo {
    background-color: #000000;
    margin: 0;
    padding: 0;
    box-shadow: 0px 0px 20px #000000;
    -moz-box-shadow: 0px 0px 20px #000000;
    -webkit-box-shadow: 0px 0px 20px #000000;
    -o-box-shadow: 0px 0px 20px #000000;
}


div#header {
    margin: 0;
    margin-top: 5px;
    background-color: #000000;
    box-shadow: 0px 0px 20px #000000;
    -moz-box-shadow: 0px 0px 20px #000000;
    -webkit-box-shadow: 0px 0px 20px #000000;
    -o-box-shadow: 0px 0px 20px #000000;
}


.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

Alles anzeigen

Ursus

Zitat von Unregistriert

Mein Problem ist nun, dass der div mit der id header sein css nicht ausführen will.
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
-o-box-shadow: 0px 0px 20px #000000;

Würde ich auch nicht, wenn ich als Browser damit nichts anfangen kann.

synaptic

hat zwar nichts mit dem header zu tun.. aber.....

HTML

<script type="text/javascript">             
 function mobileRedirect() {                
 var agree=confirm("Willst du auf die mobile Version dieser Seite wechseln?");                 
if (agree) return true ;                
 else return false ;            
 } 
 </script>

könnt man meines erachtens auch ganz einfach so schreiben:

HTML

<script type="text/javascript"> 
 function mobileRedirect() {
  return confirm("Willst du auf die mobile Version dieser Seite wechseln?");            
 }         
</script>

Unregistriert

Zitat von Ursus

Würde ich auch nicht, wenn ich als Browser damit nichts anfangen kann.

das ist in css3 einfach nur ein schatten das führt der andere div auch aus...
daher vermute ich es liegt vielleicht an superfish, aber keine ahnung wo

synaptic

ja da du die datei nirgendwo postest isses nich so einfach rauszufinden wo das prob liegt..
schieb des ganze mal online und poste den link

Unregistriert

ups sorry^^

http://www.jonas-s.square7.ch

Unregistriert

achso und wie man sieht schiebt sich die slideshow über superfish... hab box-shadow mal entfernt aber hilft alles nix

Unregistriert

ok auf einmal funktioniert es wenn ich es per style attribut in den div schreibe..

synaptic

da isses ja auch klar, weil das inline-css-gedöhnse alles überschreibt, außer es is important markiert, dann müsste man es inline auch nochmal important markieren.

also siehst du dein problem als gelöst an??
und verzichte darauf die page mit position absolute mittig zu setzen da reicht nen margin:0 auto

Unregistriert

Zitat von synaptic

und verzichte darauf die page mit position absolute mittig zu setzen da reicht nen margin:0 auto

ah danke, wieder was dazu gelernt

nur hab ich jetzt seit gestern das problem dass der footer unter den content schiebt.. und laut quellcode schließt sich der body schon unter der slideshow

synaptic

also ich an deiner stelle würde das ganze teil mal runderladen und peux á peux durchchecken.
sind ja schon gravierende probleme offensichtlich.

Unregistriert

hab ich den ganzen vormittag gemacht aber das ergebnis siehst du ja^^

div will css nicht annehmen/ausführen

Tags

Benutzer online in diesem Thema