Quando si progetta un sito Web semplice, linguaggio di markup ipertestuale, o HTML e fogli di stile CSS, noto anche come CSS, vengono utilizzati per creare un layout. La combinazione di questi due elementi crea scatole, che il Consorzio di World Wide Web chiama il modello box. Mentre il modello box funziona bene nella maggior parte dei browser, Internet Explorer o IE, ha alcuni problemi. Durante la progettazione di un sito Web con i CSS si potrebbe incorrere in alcune stranezze in IE. Esistono diverse soluzioni per evitare questi problemi strani.

Istruzioni

1

Aggiungere "capo: pausa-parola;" ogni div. Quando si dispone di una riga di testo che è troppo lungo per il vostro div, automaticamente è rotto in diverse linee di maggior parte dei browser. Tuttavia, IE non si rompe il testo per voi automaticamente, causando il vostro div allungare. Il comando di capo costringerà IE per spezzare la parola per voi, mettendoli in diverse linee e mantenere il vostro div la larghezza desiderata. In azione, il CSS appare come così:

< style >

casella () {

background-color: #000;

width: 500px;

word-wrap: break-word;

}

< / stile >

2

Aggiungere il doctype seguente alla tua pagina:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN"

"l'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

Inserire questo codice nella parte superiore del documento HTML prima del tag < html >. Consente di regolare la spaziatura interna della pagina generale nei browser precedenti a Internet Explorer 8. Senza di essa, la dimensione del vostro div non sarà esattamente come si imposta loro, che si può buttare fuori le scatole.

3

Aggiungere il codice CSS "overflow: hidden;" a ciascuno di tua casella div. Questo codice funziona come il "capo: pausa-parola;" codice, solo questo funziona per le immagini pure. Questo codice non è l'ideale, come da disegno che salteranno testo e immagini che sono più le scatole, tuttavia mantiene queste immagini di canaglia e lunghe righe di testo da rompere il layout. Quando si implementa questo codice, il CSS avrà un aspetto simile al seguente:

< style >

casella () {

background-color: #000;

width: 500px;

overflow: hidden;

}

< / stile >

Consigli & Avvertenze

• Allo stesso tempo, è possibile utilizzare sia il capo e i codici di overflow.