Avatar billede websam Nybegynder
04. december 2009 - 19:08 Der er 1 løsning

Billed placering virker ikke helt i chrome og safari

Hejsa,

Jeg har følgende css og html:

CSS
#left
{
    position:relative;
    overflow:hidden;
    padding:0;
    margin:0;
}

#left-collapsed
{
    position:relative;
    display:none;
}

.panel-header
{
    background:#eee url(panel-header.gif) 0 0 repeat-x;
    height:25px;
    line-height:25px;
    font-weight:bold;
    padding-left:5px;
}

.panel-header-toggle-open
{
    position:absolute;
    top:6px;
    right:4px;
    display:block;
    cursor:hand;
    width:15px;height:15px;
    overflow:hidden;
    background:transparent url(tool-arrows.png) no-repeat scroll 0 -15px;
}

.panel-header-toggle-closed
{
    position:absolute;
    top:6px;
    right:4px;
    display:block;
    cursor:hand;
    width:15px;
    height:15px;
    overflow:hidden;
    background:transparent url(tool-arrows.png) no-repeat scroll 0 0;
}

HTML
<div id="left">
    <div id="left-header" class="panel-header">
        Index
        <a href="#" id="panel-header-open" class="panel-header-toggle-open"></a>
    </div>
    <div id="left-main" class="panel-main">
        <div id="menu"></div>
    </div>
</div>
<div id="left-collapsed">
    <a href="#" id="panel-header-closed" class="panel-header-toggle-closed"></a>
</div>

Jeg bruger noget javascript til at skjule/vise henholdsvis #left og #left-collapsed. Dette virker fint i IE 7 og 8, Firefox og opera, men i Chrome og Safari vises billedet tool-arrows.png ikke når jeg viser #left-collapsed.

Er der nogen der kan hjælpe mig med dette ?
Avatar billede websam Nybegynder
05. december 2009 - 10:46 #1
Jeg løste det ved at fjerne position, width og height og satte margin-left og margin-top på istedet
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester