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

A geht nicht immer

C

coolerj

Neues Mitglied
HTML: 
<html>
    <head>
        <title>Rainbase</title>
        <link rel="stylesheet" type="text/css" href="css/main.css" />
    </head>
    <body>
        <div id="page">
            <div id="navi">
                <a href="index.php"><div id="logo"></div></a>
                <div id="player">
                    <a href="winm.asx"><div id="winm"></div></a>
                    <a href="win.pls"><div id="win"></div></a>
                    <a href="real.ram"><div id="real"></div></a>
                    <a href="-"><div id="fire"></div></a>
                </div>
            </div>
            <div id="content">
                <div id="left"><br>
                    <div id="cont"></div>
                    <div id="con">
                        <p>Lorem Ipsum</p>
                    </div>
                    <div id="conb"></div>
                </div>
                <div id="right">
                    <embed src="http://*" type="application/x-mplayer2"
                        width="200" height="100" autostart="0" align="center" border="0"
                        transparentatstart="0" animationatstart="1" showcontrols="true"
                        showaudiocontrols="1" showpositioncontrols="0" showtracker="0"
                        autosize="0" showstatusbar="1" displaysize="false" />
                    </embed> <br>
                    <ul>
                        <li id="menu"><a href="index.php">Home</a></li>
                        <a href="google">Test</a>
                    </ul>
                </div>
            </div>
            <div id="footer">
                <a href="{youtube}"><div id="youtube"></div></a>
                <div id="copyright">&copy; Rainbase 2011 All rights Reserved</div>
                <a href="http://neronia.biz"><div id="neronia"></div></a>
            </div>
        </div>
    </body>
</html>
main.css:
HTML: 
@CHARSET "ISO-8859-1";

* {
    padding: 0;
    margin: 0;
    color: white;
}

body {
    background-color: #383838;
}

#page {
    margin: 0 auto;
}

#navi {
    height: 116px;
    width: 949px;
    background-image: url(../images/navi.png);
    margin: 0 auto;
    z-index: 1;
}

#logo {
    float: left;
    height: 91px;
    width: 340px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: 80px 18px;
}

#player {
    float: right;
    width: 470px;
    height: 100px;
}

#winm {
    background-image: url(../images/winm.png);
    background-repeat: no-repeat;
    background-position: -5px 8px;
}

#win {
    background-image: url(../images/win.png);
    background-repeat: no-repeat;
    background-position: -5px 8px;
}

#real {
    background-image: url(../images/real.png);
    background-repeat: no-repeat;
    background-position: -5px 8px;
}

#fire {
    background-image: url(../images/fire.png);
    background-repeat: no-repeat;
    background-position: -5px 8px;
}

#winm, #win, #real, #fire {
    height: 100px;
    width: 113px;
    float: left;
}

#content {
    width: 895px;
    min-height: 470px; 
    margin: 0 auto;
    padding: 0;
}

#left {
    float: left;
    background-image: url(../images/left.png);
    min-height: 470px;
    width: 640px;
    position: absolute;
    top: 112px;
    z-index: -1;
    padding: 2px 10px 2px 10px;
}

#right {
    float: right;
    min-height: 470px;
    width: 215px;
    background-image: url(../images/right.png);
    position: relative;
    top: -3px;
    z-index: -1;
    padding: 2px 10px 2px 10px;
}

#footer {
    margin: 0 auto;
    width: 949px;
    height: 94px;
}

#youtube {
    float: left;
    background-image: url(../images/yt.png);
    width: 90px;
    height: 94px;
    position: relative;
    top: -6px;
}

#copyright {
    background-image: url(../images/footer.png);
    width: 637px;
    height: 59px;
    position: relative;
    top: -6px;
    left: 90px;
    text-align: center;
    padding: 35px 0 0 0;
}

#neronia {
    float: right;
    background-image: url(../images/neronia.png);
    width: 222px;
    height: 94px;
    position: relative;
    top: -100px;
}

#menu {
    text-align: center;
    background-image: url(../images/submit.png);
    width: 195px;
    height: 31px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    z-index: 100;
}

a {
    z-index: 1;
}

#cont {
    background-image: url(../images/content_top.png);
    width: 606px;
    height: 18px;
    margin: 0 auto;
}

#conb {
    background-image: url(../images/content_button.png);
    width: 606px;
    height: 19px;
    margin: 0 auto;
}

#con {
    background-image: url(../images/content_middle.png);
    width: 606px;
    height: 394px;
    margin: 0 auto;
}

#con p {
    padding: 2px 10px 2px 10px;
}
Die Links im Div "right" gehen aus mir unbekannten Gründen nicht...
 
Die Links im Div "right" gehen aus mir unbekannten Gründen nicht...
Zum Vergrößern anklicken....
nimm mal für #right das z-index: -1; weg, dann sollte das wieder klappen.

Ansonsten schliesse ich mich struppi an - beispielsweise packt man kein <div> in ein <a>. Stattdessen macht man zB das <a> mit display:block; zum blockelement, dann kann man dem auch die gleichen Dinge im CSS zuweisen, wie einem div.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben