Pagina 1 di 4 1 2 3 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 32
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508

    Piccole differenze nelle tabelle tra FF, IE e Chrome come corregerli?

    Salve a tutti sto ultimando il sito e sto notando piccole imperfezioni su alcune tabelle.
    Vedo le differenze su 3 browser.

    Inizio con postare il primo problema
    Vi posto l'immagine dei 2 browser in question qui:


    Come vedete su IE risulta corretto mentre sugli altri 2 no. Ovviamente do per scontato che IE sia in errore e che ci sia un errore nel mio codice ma quale?
    Ecco il codice HTML della tabella:


    codice:
    <div class="blockb" style="width:300px;">
    	<div class="top"><h2><?=$NLS['TOP_USERS']?></h2></div>
    		<table class="holder" cellspacing="0">
    			<thead>
    				<tr> <th class="left">User</th> <th>Rev</th> <th>News</th> <th>Posts</th> </tr>
    			</thead>
    		<tbody>
    					<tr><td><?=$user['USERNAME']?></td> <td class="cola"><?=$user['REVIEWS']?></td> <td class="cola"><?=$user['NEWS']?></td>  <td class="cola"><?=$user['POSTS']?></td> </tr>
    
    			
    				</tbody>
    		</table>
    	</div>

    e questo il codice CSS:
    codice:
    /*--start blockb--*/
    .blockb{
    	overflow:hidden;
    	margin:0px 0px 10px 0px;
    }
    
    .blockb .top {
      display: block;
      height: 100%;
      background: transparent url(../img/bar_top_right.png) no-repeat top right; 
      margin: 0 auto;
      padding-right:12px;
      height: 22px;
    }
    
    .blockb h2 {
      background: transparent url(../img/bar_tot.png) no-repeat top left;    
      font-size:10pt;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      line-height: 22px;
      color: white;
      letter-spacing:-1px;
      text-align: right;
      text-transform: uppercase;
      margin: 0 auto;
    }
    
    
    /*--central block--*/
    
    .blockb .holder{
    	background:#fff;
    	overflow:hidden;
    	border-left: 1px solid #B5B6B7;
    	border-right: 1px solid #B5B6B7;
    	border-bottom: 1px solid #B5B6B7;
    	margin:0 auto;
    	padding: 0 auto;
    	width:100%;
    	height:100%;
    }
    
    /*--titles--*/
    .blockb .holder th, .blockb .holder th a:link, th a:visited, th a:active {
    	text-decoration: none;
    	color:#fff;
    	font-size:8pt;
      	font-family: Verdana, Arial, Helvetica, sans-serif;
    	margin: 0 auto;
    	text-align:center;
    	background-color:#669900;
    }
    
    .blockb .holder th a:hover {
    text-decoration:underline;
    }
    
    .blockb .holder th.left{
    	text-decoration: none;
    	color:#fff;
    	font-size:8pt;
      	font-family: Verdana, Arial, Helvetica, sans-serif;
    	margin: 0 auto;
    	text-align:left;
    	background-color:#669900;
    }
    
    /*--content--*/
    .blockb .holder tbody td{
    	color:#000;
    	overflow:hidden;
    	font-size:8pt;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	border-top: 1px solid #B5B6B7;
    	padding: 2px;
    	text-decoration:none;
    	font-weight:bold;
    }
    
    .blockb .holder tbody td a{ 
    	text-decoration:none;
    }
    
    .blockb .holder tbody td a:hover {
    text-decoration:underline;
    }
    
    .blockb .holder tbody td.cola {
    	color:#000;
    	background-color: #EEEEEE;
    	overflow:hidden;
    	font-size:8pt;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	border-left: 1px solid #B5B6B7;
    	border-right: 0px;
    	border-top: 1px solid #B5B6B7;
    	text-align:center;
    	max-width:12%;
    	text-decoration:none;
    	font-weight:normal;
    }
    
    /*--end blockb--*/

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    nessun suggerimento?

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    HELP!

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    up

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    ancora non e cavo piede non riesco a capire il perchè di quell'ultimo td più lungo

  6. #6
    Hai provato ad eliminare tbody e thead nella tabella?
    Ciao!

  7. #7
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    ciao, no non ho provato, ma scusa perchè dovrei farlo?

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    Appena fatto ma non è cambiato nulla. Ad ogni modo mi spieghi perchè dovrei levarli? NOn è più corretta così la formattazione?

    ciao e grazie per la riposta

  9. #9
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    508
    up

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto hai postato il codice sorgente lato server (PHP) anziche` il codice HTML che arriva al browser: questo complica un po' l'interpretazione del codice.

    Comunque vedo nel tuo CSS che in alcuni selettori hai definito tutti i margini e padding, ma non in tutti.

    Prova ad aggiungere
    margin-bottom: 0;
    padding-bottom: 0;
    in tutte le formattazioni per i <td>, ed in particolare in quelle per l'ultima riga (e magari anche nei <tr>).

    Controlla anche che siano deifniti tutti i margini e padding.
    Ricorda che per le tabelle esistono anche degli attributi specifici (vedi ad esempio http://w3schools.com/css/css_reference.asp#table )
    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 © 2026 vBulletin Solutions, Inc. All rights reserved.