Problem zwischen 2 Browsern

Bady

Hallo Comm.

Ich ein Problem mit der Darstellung zwischen 2 Browsern.

Firefox:
[Blockierte Grafik: http://s14.directupload.net/images/140123/wvpvbq9k.png]

Chrome:
[Blockierte Grafik: http://s1.directupload.net/images/140123/x5scmft9.png]

Die CSS sieht so aus:

CSS

/* ###################################################### */




/* #################### loggedin BOX #################### */




/* ###################################################### */










div#login  { position:absolute; left:400px; top:5px; width:auto; height:52px; }




div#loggedin  { width:517px; height:66px; position:absolute; left:80px; top:-5px; background:url(style/layout/logged.jpg) no-repeat}




div#loggedin span#welcome { position:absolute; left:-70px; top:25px; text-shadow:#000 1px 1px 1px; color:#FFF; font-weight:bold; }




div#loggedin a { font-size:11px; text-transform:uppercase; color:#fff; text-shadow:#000 1px 1px 1px; }




div#loggedin a:hover, div#loggedin a:active { color:#FFF; text-decoration:none; }




span#welcome { position:absolute; left:25px; top:23px; color:#FFF; }




span#welcome b { color:#FFF; }

Alles anzeigen

und die Logged.html so:

HTML

<div id="loggedin"> <span id="welcome" style="top:25px;">%welcome_back%, &nbsp;<b>$username</b> <a href="logout.php" style=" position:absolute; left:205px;">%logout%</a>&nbsp; <a href="index.php?site=loginoverview" style="position:absolute; left:295px;">%overview%</a>&nbsp; <a href="index.php?site=messenger" style="position:absolute; left:400px; width:150px;">$newmessages %messenger%</a></span>




  <div id="logged">




    <div id="loggedpos">




      <div id="loggedswitch" onmouseover="document.getElementById('loggedSwitchDropdown').style.display = 'block'" onmouseout="document.getElementById('loggedSwitchDropdown').style.display = 'none'"> <a href="#" title="logged" style="padding:15px; color:#FFF;">Settings</a>




        <div style="cursor:pointer;"></div>




        <div id="loggedSwitchDropdown">




          <div style="margin:10px;"> <a href="index.php?site=myprofile">%edit_account%</a><br />




            <a href="index.php?site=usergallery">%galleries%</a><br />




            <a href="index.php?site=buddys">%buddy_list%</a><br />




            $cashbox




            $admin </div>




        </div>




      </div>




    </div>




  </div>




</div>

Alles anzeigen

Könnte mir da jemand sagen wo der fehler liegt?
Das CMS ist von Webspell

Homepage: suplix-esport.de

Herzlichen Dank!

lauras

Da man diese Leiste scheinbar nur sieht wenn man eingeloggt ist und dein Code Platzhalter enthält, versorge uns doch bitte mit Zugangsdaten

cottton

hatte so ein Problem schon mal selbst.
Ist allerdings was anderes, als es bei mir war, wobei ich nicht mehr wirlich weiß, was es bei mir war ... egal ... uninteressant
hier gehts:

HTML

<!DOCTYPE html>
<html>




<head>
    <title>Titel</title>
    <style type="text/css"><!--
        div#login  {
            position:absolute;
            left:400px;
            top:5px;
            width:auto;
            height:52px;
        }




        div#loggedin  {
            width:517px;
            height:66px;
            position:absolute;
            left:80px;
            op:-5px;
            background:url(style/layout/logged.jpg) no-repeat
        }




        div#loggedin span#welcome {
            position:absolute;
            left:-70px;
            top:25px;
            text-shadow:#000 1px 1px 1px;
            color:#FFF;
            font-weight:bold;
        }




        div#loggedin a {
            font-size:11px;
            text-transform:uppercase;
            color:#fff;
            text-shadow:#000 1px 1px 1px;
        }




        div#loggedin a:hover, div#loggedin a:active {
            color:#FFF;
            text-decoration:none;
        }




        span#welcome {
            position:absolute;
            left:25px;
            top:23px;
            color:#FFF;
        }




        span#welcome b {
            color:#FFF;
        }
    --></style>
</head>




<body>
    <div id="loggedin">
        <span id="welcome" style="top:25px;">
            %welcome_back%,
            &nbsp;
            <b>$username</b>
            <a href="logout.php" style=" position:absolute; left:205px;">
                %logout%
            </a>
            &nbsp;
            <a href="index.php?site=loginoverview" style="position:absolute; left:295px;">
                %overview%
            </a>
            &nbsp;
            <a href="index.php?site=messenger" style="position:absolute; left:400px; width:150px;">
                $newmessages %messenger%
            </a>
            &nbsp;<!-- DAS HIER IST NEU DAZU GEKOMMEN -->
        </span>
        <div id="logged">
            <div id="loggedpos">
                <div id="loggedswitch"
                    onmouseover="document.getElementById('loggedSwitchDropdown').style.display = 'block'"
                    onmouseout="document.getElementById('loggedSwitchDropdown').style.display = 'none'">




                    <a href="#" title="logged" style="padding:15px; color:#FFF;">
                        Settings
                    </a>
                    <div style="cursor:pointer;">
                    </div>
                    <div id="loggedSwitchDropdown">
                        <div style="margin:10px;">
                            <a href="index.php?site=myprofile">
                                %edit_account%
                            </a>
                            <br />
                            <a href="index.php?site=usergallery">
                                %galleries%
                            </a>
                            <br />
                            <a href="index.php?site=buddys">
                                %buddy_list%
                            </a>
                            <br />
                            $cashbox
                            $admin
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Alles anzeigen

siehe:  

BTW: warum nutzt Du nich alles styles via CSS? style="..." ist doch unnötig.
=)

Bady

Danke cottton das wars
  hatte gefehlt xD

Jetzt mitmachen!