Galleggia incasinato nei browser Safari

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

  •  09-06-2019
  •  | 
  •  

Domanda

Ho un sito che ho realizzato molto velocemente che utilizza i float per visualizzare diverse sezioni di contenuto.Il contenuto flottato e il contenuto con un margine aggiuntivo appaiono entrambi correttamente in FF/IE, ma in Safari uno dei div è completamente nascosto.Ho provato a passare a padding E position:relative, ma niente ha funzionato per me.Se estraggo il codice per visualizzarlo a destra, viene visualizzato di nuovo ma sotto il contenuto flottato.

La sezione principale di CSS che sembra causare il problema è:

#settings{
    float:left;
}

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

Questo mi dà lo stesso risultato sia che specifichi una dimensione nel div #settings o meno.Tutte le idee sarebbero apprezzate.

Il sito è disponibile all'indirizzo: http://frickinsweet.com/tools/Theme.mvc.aspx per vedere il codice sorgente.

È stato utile?

Soluzione

Credo che l'errore risieda nel mark up generato dal selettore di colori.Ho salvato la pagina e rimosso il codice per il selettore colori e viene visualizzato correttamente in IE/FF/SF.

Altri suggerimenti

Hai provato a spostare il div #right_content a destra?

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

Scusa, avrei dovuto menzionare anche quello.Ho provato a far fluttuare quel contenuto a destra e inoltre ho provato a farlo fluttuare a sinistra e a impostare la posizione pensando che entrambi i div avrebbero iniziato a sinistra: 0 dove l'impostazione del margine di destra lo avrebbe spostato.

Grazie

Alcune cose che dovresti risolvere in anticipo:

  1. Tuo <style> l'etichetta è inserita <body>, quando appartiene <head>

  2. Hai un errore di battitura "realtive" in uno dei tuoi stili in linea:

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

Prova a raggiungere la tua pagina convalidare;questo dovrebbe rendere molto più semplice il debug dei problemi reali.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top