Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    problema allineamenti div (IE)

    come al solito vado a sbattere sul muro di IE...
    stò cercando di realizzare questo layout: vedi
    con Firefox sono riuscito a posizionare i div come voglio io, ma con IE risulta tutt'altro, provare per credere: vedi pagina
    file css
    codice:
    html {
    margin:0;
    padding:0;
    }
    body {
    font-family: 	Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 		8pt;
    color: 			#333;
    padding: 		0px;
    margin:			0px auto;
    text-align:center;
    background:#666 url(../Img/bordo_sfuma.gif) repeat-y center;
    }
    #contenitore{
    padding:0;
    margin:0px auto;
    width:748px;
    background:#edeadb url(../Img/bordo_rx.gif) repeat-y top left;
    }
    
    /*--------HEADER----------*/
    #head{
    margin:0;
    padding:0;
    width:748px;
    }
    #headleft{
    margin:0;
    padding:0;
    float:left;}
    #headright{
    margin:0;
    padding:0;
    float:right;}
    
    /*--------MENU----------*/
    
    #menu{
    background:#1c1c1c;
    width:748px;
    color:#fff;
    }
    
    #menub {
    text-align:left;
    position:relative;
    left:200px;
    padding-top:10px;
    padding-bottom:10px;
    }
    
    #menub a{
    margin-left:10px;
    font-size:1.5em;
    color:#fff;
    text-decoration:none;
    }
    
    /*--------LATO DX----------*/
    
    #right {
    margin:0;
    padding:0;
    padding-left:5px;
    font-size:1.3em;
    color:#fff;
    text-align:left;
    height:296px;
    width:267px;
    background:#edeadb url(../Img/bordo_rx_sfuma.gif) no-repeat top left;
    }
    
    #right p{
    padding:0;
    margin:0;
    }
    
    #foto{
    padding:0;
    margin:0;
    position:relative;
    left:10px;
    top:7px;}
    
    #clear{
    clear:both;
    }
    Come posso risolvere?grazie
    -->MeX23htm<--

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    io con Ie lo vedo così... o meglio non vedo nulla se non una sequenza di caratteri
    Immagini allegate Immagini allegate
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    scusa appena ricontrollato e funziona! è lo stesso indirizzo che cè nella barra dell'immagine che hai postato e funziona... http://mex23htm.altervista.org/prova/index.htm
    non so perche tu vedi quei caratteri!!! bho!
    -->MeX23htm<--

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    La apgina la vedo.

    Ci sono errori di vario tipo.

    Di Base:
    - perche` usi un linguaggio obsoleto? Passa ad XHTML, possibilmente Strict.
    HTML 4.0 transitional e` vecchiotto; non adatto a sviluppi nuovi.

    Semantici:
    - il menu va realizzato con le liste
    - ci sono troppi div annidati (alcuni inutili)

    Di accessibilita`:
    - Evita di fare le scritte nei grafici. Se proprio devi , aggiungi un alt con il testo.

    Di impaginazione:
    - Nella banda a sinistra (sfondo rosso) le scritte e-mail, tiziocaio, P.I. escono dal riquadro.

    Di grammatica:
    - Weine aus dem Trentino und der ganzen Welt. Erstklasse Delikatessen
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Grazie per i consigli, gli errori di deutsch non li avevo notati trascrivendo, la e di trentine è mio, errore di battitura.
    Farò noto a chi ha richiesto la traduzione visto che cè la stessa scritta sull'auto d'azienda...

    sono riuscito anche a risolvere il problema di IE, mancava un text-align:left nel contenitore!!!!

    ho anche pulito il codice e via dicendo: vedi pag

    mi sa che lavoro meglio di giorno che di notte, butto sempre via le mattine per correggere le cappelle della notte... grazie compaesano!

    anzi, a quali grafici facevi riferimento?io non ho grafici in quel layout!
    -->MeX23htm<--

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da mex23
    anzi, a quali grafici facevi riferimento?io non ho grafici in quel layout!
    Ho sbagliato termine. Volevo dire:
    non usare le immagini per veicolare scritte: sono anti-accessibilta`. Chi non visualizza le immagini non capisce nulla. Se proprio non ne puoi fare a meno, mettici almeno l'attributo alt.

    Ci sono ancora vari errori di impaginazione.
    Il piu` grave te lo mostro con l'immagine allegata: una parte delle scritte sparisce nello sfondo.
    Ma anche i link della barra nera non sono sufficientemente separati o spaziati.

    E poi ci sono errori di sematica:
    usi i[*] per l'indirizzo: non e` una lista quella.
    Invece non li usi per il menu orizzontale (dove sarebbero l'unica soluzione corretta)

    E ancora non capisco perche` usi un linguaggio obsoleto: Se sviluppi oggi, dovresti usare come minimo XHTML Transitional, ma sarebbe meglio XHTML Strict.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Dimenticato l'immagine:
    Immagini allegate Immagini allegate
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    1.Per quanto riguarda gli 'alt' le spaziature nel menu e l'uso del li sono cose che farò dopo, ora m'interessava riuscire a sistemare la struttura e che tutto stia al suo posto.
    2.Per le scritte che spariscono io lo ho visualizzato con FF IE ed Opera, e non viene visualizzato come nella tua foto ma come nell'allegato.
    3.per l'uso di XHTML discorso lungo, lasciam perdere.

    Cmq ancora grazie.
    Immagini allegate Immagini allegate
    -->MeX23htm<--

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Stai affrontando il problema dalla fine, anziche` dal principio.

    Se usi i tag sbagliati, poi sara` dura sistemare gli stili.

    Come vedi anche in due browser della stessa famiglia (ma magari con risoluzione diversa) le cose cambiano. E la colpa e` del layout: tu probabilmente parti da un layout fisso, ma non puoi conoscere le dimensioni dei font degli utenti, per cui se uno ha un default leggermente piu` grande ti sballa tutto.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.