Home > Webmaster > Safari 6.0 rendering margin-right differenze

Safari 6.0 rendering margin-right differenze

L’istruzione css margin-right in talune situazioni presenta un rendering diverso in safari 6.0  rispetto ai browser s chrome, explorer, firefox e safari < 5,5 .

Ad esempio se nella  struttura sottostante

container
lsx col
container2
center col dx col

generata utilizzando il tag <div> si utilizza margin-right per spostare il container2 verso destra di 212 px con un istruzione css del tipo

#container2
 { margin-left:212px; border-top:1px solid #ededed/; text-align:left;}

Avremo un risultato secondo le attese con tutti i principali browser escluso safari 6.0 che genera un margine di dimensioni difformi più piccolo creando una sovrapposizione con la colonna di sinistra. Per risolvere la diversità di rendering utilizzare la più appropriata istruzione padding-right

#container2
 { padding-left:212px; border-top:1px solid #ededed; text-align:left;  }
Advertisements
Categorie:Webmaster
  1. Non c'è ancora nessun commento.
  1. No trackbacks yet.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: