Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    860

    ridimensionamento struttura da css [non ritornano i ocnti! urgente]

    salve ragazzi,

    è il classico problema della domenica ma che spesso si rivewla più intrigato di un enigma; dove un semplice uso della logica e dalla matematica non da il riscontro voluto.
    per intenderci che 2+2 dovrebbe fare 4 ma fa 5! :master:

    dunque io ho questa pagina

    http://www.ro76.it/homepage.asp

    applico un fogli di stile alla struttura tale per cui la sezione corpopagina dovrebbe essere caratterizzata da 3 celle di 140, 170,430px per un totale di 740px di larghezza.
    inoltre alla struttura corpopagina do un padding generico quindi sia left che right che top che bottom di 10px.
    La struttura a questo punto dovrebbe essere larga 760px.

    ebbene come si vede dalla pagina sfora in larghezza!
    Ora se la matematica non è un'oppinione forse dovrebbe risultare regolare...

    perchè mi sfora?

    questo il foglio di stile
    codice:
    /* impostazione del body */
    body {background-color: #cccccc; color:#ffffff; margin-top: 10px; margin-bottom: 10px; overflow: yes; scrolling: yes}  
    
    /* link */
    
    /* testata */
    .testata {width: 760px;
      height: 100px;
      text-align: left;
      background-color: #ffffff}  
        
    /* corpo pagina */  
    .corpopagina {width: 760px;
      padding: 10px;
      text-align: left;
      background-color: #ffffff}  
    
    /* sinistra */
    .colonnasx {width: 140px;
      text-align: left;
      vertical-align: top}
      
    .areasponsor {width: 140px;
      height: 470px;
      background-color: #ffffff;
      border: 1px solid #005676}    
    
    /* centrale */
    .colonnacentrale {width: 170px;
      text-align: left;
      vertical-align: top}  
    
    .areamenu {width: 170px;
      height: 470px;
      background-color: #ffffff;
      border: 1px solid #005676}    
      
    /* destra */
    .colonnadx {width: 430px;
      text-align: left;
      vertical-align: top}  
    
    .areapagina {width: 430px;
      height: 470px;
      background-color: #ffffff;
      border: 1px solid #005676}    
      
    /* finale */  
    .finale {width: 760px;
      height: 25px;
      text-align: left;
      background-color: #ffffff}  
      
    .fine {padding-right: 10px;
      text-align: right;
      line-height: 25px;
      font-size: 10px;
      font-weight: normal;
      color: #000000;
      font-family: Verdana, Arial, Helvetica, sans-serif}
    grazie
    Linux Inside

  2. #2
    Con Firefox ho misurato: 760px!!!

    mi pare che IE faccia confusione a calcolare le largheze, tipo calcola anche i padding e margini (non ricodo benissimo)

    ciao!

  3. #3
    esatto.

    devi usare la larghezza alternativa per exploder.

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.