Dryf geknoei in Safari bruisers

StackOverflow https://stackoverflow.com/questions/50280

  •  09-06-2019
  •  | 
  •  

Vra

Ek het 'n webwerf wat ek gemaak het baie vinnig dat dryf gebruik om verskillende afdelings van die inhoud te vertoon. Die gedryf inhoud en die inhoud wat 'n bykomende marge beide verskyn boete in VF / IE het, maar op safari een van die divs is heeltemal versteek. Ek het probeer om oor te skakel na padding en position:relative, maar niks het gewerk vir my. As ek die kode uithaal om dit te vertoon op die regterkant dit wys weer maar onder die gedryf inhoud.

Die belangrikste gedeelte van css wat blyk te wees wat veroorsaak dat die probleem is: 

#settings{
    float:left;
}

#right_content{
    margin-top:20px;
    margin-left:440px;
    width:400px;
}

Dit gee my dieselfde resultaat of ek 'n grootte spesifiseer om die #settings div of nie. Enige idees sal waardeer word.

Die webwerf is beskikbaar by: http://frickinsweet.com/tools/Theme.mvc Aspx om die bronkode te sien.

Was dit nuttig?

Oplossing

Ek glo die fout lê in die merk op dat die kleur picker genereer. Ek gered die bladsy en verwyder dit-kode vir die kleur picker en dit maak fyn in IE / VF / SF.

Ander wenke

Het jy al probeer swaai die #right_content div aan die reg? 

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}

Jammer ek moes genoem dat sowel. Ek het probeer om swaai wat reg inhoud en addisioneel probeer swaai dit links en die opstel van die posisie met die denke dat beide divs uit sou begin om links:. 0 waar die opstel van die kantlyn van die reg sou dit oor te skuif

Dankie

'n paar dinge wat jy moet vooraf vas te stel:

  1. Jou <style> tag is in <body>, wanneer dit hoort in <head>

  2. Jy het 'n tikfout "realtive" in een van jou inline style: 

    <a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">

Probeer om jou bladsy te kry om Bevestig ; hierdie moet maak ontfouting die werklike probleme baie makliker.

Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow
scroll top