problema CSS molto strano su Internet Explorer. Non ho idea di ciò che è sbagliato! [chiuso]

Question

Ho appena testato un sito web che ho creato in Internet Explorer. Funziona bene in Firefox, naturalmente. Ho una serie di fogli di stile la maggior parte delle quali con un'immagine di sfondo che, l'utente può selezionare i diversi fogli di stile a loro piacimento. I fogli di stile rendono esattamente lo stesso oltre a colori e sfondi, ovviamente la versione testuale rende diverso. Comunque ho anche un cambio dimensione del carattere così gli utenti possono scegliere la dimensione del carattere migliore per loro. Ho 4 impostazioni che vanno da piccole, standard, grandi e Xlarge quando carico il grande e il tipo di carattere xlarge dimensioni dell'immagine bg raggiunge la fine della mia div che va bene. Tuttavia quando uso il carattere piccolo e dimensione standard l'immagine bg copre solo circa il 5% di quello che dovrebbe. Forse le immagini qui sotto vi aiuterà a capire il mio problema.

Saluti CHL

Ps il css fontsize contiene solo misure per le classi e gli ID non sfondo styling.

di font

Problema: http://www.webquark.co.uk/project/problem.bmp

Lavorare sulla dimensione del carattere più grande: http://www.webquark.co.uk/project/working.bmp

Come appare in Firefox di lavoro: http://www.webquark.co.uk/project/firefox.bmp

Ecco il mio CSS che imposta il bg:

.content{
background-image: url(springBG.jpg);/**Change for season**/
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat; 
font-family: Calibri, Ariel, sans-serif;
}

Answer 1

Ciao ho trovato il problema che ho bisogno di impostare l'altezza del div. Per chi già detto questo ho aggiunto un punto per il vostro rappresentante e grazie per il consiglio: D

CHL

CSS:

  height:100%;

Answer 2

Nella vostra dichiarazione CSS si utilizza il nome del font "Ariel". Questo probabilmente non esiste. Arial, cioè. Ariel è una sorta di detersivo.

In realtà, la dichiarazione di successione non-serif giusta sarebbe:

font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;

Answer 3

"problema CSS in Internet Explorer. Non ho idea di ciò che è sbagliato!"

Questa è sentito praticamente ogni giorno nel mio ufficio.

Il mio unico suggerimento è quello di cercare di impostare l'altezza del elemento di sfondo.

Answer 4

A proposito di problemi di CSS, i trabocchi di contenuti sotto la casella di tag nel tuo post.

Answer 5

Prova a svuotare la galleggia dopo il div bianco sovrapposizione lo sfondo (che ha tutte le parole in esso). Il modo più semplice è quello di aggiungere:

<div class="spacer"></div>

Subito dopo il tag di chiusura del div bianco. Se questo non funziona, cercando di aggiungere alla linea prima del tag fine del div bianco. Il CSS per distanziale:

.spacer
{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

Answer 6

Puoi pubblicare il codice HTML generato?

Sto indovinando che IE non vede alcun contenuto nel vostro contenitore con il "contenuto" di classe. Questo potrebbe essere perché il contenuto interno non ha "hasLayout" (un magico IE cosa)

come suggerito TM, provare a impostare l'altezza a "1%", che dovrebbe far scattare hasLayout, o impostare il "zoom: 1;" che fa anche il trucco.

Answer 7

si può andare avanti e utilizzare il css scorciatoia per sfondo in questo modo:

background: url(yourimage.jpg) no-repeat top center;

Inoltre, IE6 non supporta background-attachment: fixed diverso sul corpo

.

Answer 8

E 'difficile essere sicuri senza vedere il resto del codice o il sito dal vivo, ma questo sembra un classico problema che contiene-float. Il modo più semplice per affrontare questo è quello di aggiungere overflow: auto alla scatola che contiene i carri allegorici (sto cercando di indovinare che è .content, qui). Questo dovrebbe allungare la carta da parati per la sua giusta altezza.

In mancanza di questo, prova ad aggiungere il distanziale "clearfix" che Logan ha suggerito alla fine del div .content.