Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54

    campi fuori tabella con ie

    Salve a tutti,
    ho questa paginetta per il login degli utenti che pero', se aperta con internet explorer, mi mostra i le input fuori dal riquadro grigio, mentre con ff e' tutto ok... quale potrebbe essere il problema?


    pagina.htm:
    Codice PHP:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <
    title></title>
    <
    link rel="stylesheet" type="text/css" href="css/default.css"></link>
    </
    head>

    <
    body>
    <
    table cellpadding="0" align="center" width="100%" cellspacing="0" border="0">
    <
    tr>
    <
    td>
    <
    table cellpadding="0"  cellspacing="0" border="0" align="center">


    </
    p>
    <
    form action="index.php" method="post">
    <
    tr>
    <
    td class="body"  style="padding-bottom: 10px;" >[b]Benvenuto[/b]
    </
    td>
    </
    tr>
    <
    tr>
    <
    td class="tabForm" align="center">
            <
    table style='margin-bottom: 5px;' align='center' border='0' cellpadding='0' cellspacing='0' bgcolor='#EEEEEE'>
                <
    input type="hidden" name="action" value="Authenticate">
            <
    tr>
              <
    td align='left' valign='top'>[img]img/corner_tl.gif[/img]</td>
            <
    td align='right' valign='top'>[img]img/corner_tr.gif[/img]</td>
            </
    tr>
            <
    tr>
              <
    td colspan="2" style="padding: 6px 6pt; text-align: center;">Inserire username e password.</td>
          </
    tr>
            <
    tr>
                <
    td></td>
                <
    td></td>
            </
    tr>
            <
    tr>
                <
    td style="padding: 6px 6pt; text-align: left;">Username</td>
                <
    td style="padding: 6px 6pt; text-align: left;"><input type="text" size='20' id="txtusername" name="txtusername"/></td>
            </
    tr>
            <
    tr>
                <
    td style="padding: 6px 6pt; text-align: left;">Password</td>
                <
    td style="padding: 6px 6pt; text-align: left;"><input type="password" size='20'  id="txtpassword" name="txtpassword" value=""/></td>
            </
    tr>
            <
    tr>
              <
    td></td>
              <
    td></td>
            </
    tr>
            <
    tr>
                <
    td  style="padding: 6px 6pt; text-align: center;" colspan="2"><div align="center">
                  <
    input name="action" type="hidden" id="action" value="Authenticate" />
                  <
    input title="Login [Alt+L]" accessKey="Login [Alt+L]" class="button" type="submit" id="login_button" name="Login" value="  Login  ">
                  </
    div>
                </
    td>
            </
    tr>
            <
    tr>
                <
    td align="left" valign="bottom">[img]img/corner_bl.gif[/img]</td>
                <
    td align="right" valign="bottom">[img]img/corner_br.gif[/img]</td>
            </
    tr>
            </
    table>
    </
    tr>
    </
    form>
    </
    table>    
    </
    body>
    </
    html
    default.css:
    Codice PHP:
    html,body{
        
    margin0;
        
    padding:0;
    }

    html,body,td,input,textarea,select {font-family:arial,sans-serifheight100%}
    body {font-size:83%}
    table {font-size:inherit}
    input,textarea,select {font-size:83%} 

    .
    header{
        
    background-color#EEEEEE;
        
    padding0em 0em 0em 0em;
    }

    .
    main{
        
    min-height100%;
        
    heightauto !important;
        
    height100%;
        
    margin0 auto -2em/* the bottom margin is the negative value of the footer's height */
    }

    .
    content{
        
    padding1em 1em;
        
    background-color#FFFFFF;
    }

    .
    push {
        
    clear:both;
        
    height2em/* .push must be the same height as .footer */
        
    background-color#FFFFFF;
    }

    .
    footer{
        
    height2em/* .push must be the same height as .footer */
        
    background-color#FFFFFF;
    }


    .
    subhead{
        
    background:url(img/header_bg.jpgrepeat-x;height:50px;color:#FFFFFF;

    grazie a tutti

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54
    :master: :master: :master:

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54
    nessuno e' in grado di darmi un aiutino?

  5. #5
    Sinceramente a me non da nessun problema con IE 6.
    Stefano
    Creazione siti Internet - Udine: SC web designer

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54
    Originariamente inviato da copsteve
    Sinceramente a me non da nessun problema con IE 6.

    mmm gli hai messi nella directory giusta? Perche' senza css tutto va bene... con il css invece sposta di molto le input a dx...

  7. #7
    Effettivamente è così. Se metti però il file CSS nella stessa directory del file PHP funziona.
    Stefano
    Creazione siti Internet - Udine: SC web designer

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54
    Originariamente inviato da copsteve
    Effettivamente è così. Se metti però il file CSS nella stessa directory del file PHP funziona.
    funziona perche' non viene caricato... ma io ho proprio bisogno di risolvere i problemi che ci sono nel css e non mi permettono di visualizzare bene la pagina con ie

  9. #9
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54
    sono arrivato a capire che il tutto dipende da queste righe del css:

    Codice PHP:
    html,body,td,input,textarea,select {font-family:arial,sans-serifheight100%} 
    input,textarea,select {font-size:83%} 
    che, se sostituite con:
    Codice PHP:
    html,body,td{font-family:arial,sans-serifheight100%}
    input,textarea,select {font-family:arial,sans-serif; } 
    mi visualizzano correttamente la pagina su ie... mentre su firefox si rimpicciolisce il tutto...
    oltre al trucchetto del <!--[if IE]> ci sono altri modi per risolvere la cosa?

    grazie a tutti

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    input e select sono elementi di tipo inline, e non supportano la proprieta` height.
    Comunque il fatto di avere una proprieta` inutile non e` un errore e non puo` portare a malfunzionamenti.

    Sospetto che ci sia qualche altro errore di sintassi nel CSS o nell'HTML.
    Prova a passare dai validatori.


    Invece definire height:100% ad una <textarea> mi sembra una cosa assurda: dovrebbe occupare tutta l'altezza del blocco contenitore: tanto vale non metterci il blocco contenitore.
    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.