Aiuto div con css

laburno


div#middle {
    width:720px;
    margin:0 auto;

}

Prova a dare un height a questo.

Se mi ricordo bene l'height relativo di un div (cioè in percentuale) viene calcolato rispetto all'height del div che lo contiene (e nel caso che non sia contenuto da nessun altro div, dal body).

lostboy

Niente da fare...Se ridimensiono la finestra, appare lo scroll totale del contenuto centrale della pagina, invece che rimanere fissi i bordi, e apparire gli scroll sulla sidebar e sulla content....

Ho anche provato ad assegnare height 100% al body, al middlewrap, al midlle, a tt contemporaneamente...Non capisco dove sbaglio..

Ti prego aiutami a risolvere...

il.rappo

@lostboy said:

Ho anche provato ad assegnare height 100% al body, al middlewrap, al midlle, a tt contemporaneamente...Non capisco dove sbaglio..

L'height impostato in % non funziona

lostboy

emh allora non ho ben capito..Se il footer e l'header sono fissi, non scrollano con il contenuto centrale, quale height do xk il contenuto centrale sia giusto sia a tutte le risoluzioni?

laburno

@lostboy said:

emh allora non ho ben capito..Se il footer e l'header sono fissi, non scrollano con il contenuto centrale, quale height do xk il contenuto centrale sia giusto sia a tutte le risoluzioni?

Salvati questa pagina in html di esempio e guarda:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  <style>
    #wrapper {
        width:720px;
        margin: 0px auto;
        background-color: #fa66fa;
        height: 100%;
    }
    #uno {
        width:144px;
        background: #f45678;
        float:left;
      height: 100%;
    }
    #due {
        width:144px;
        background-color: #343434;
        float:left;
    }
    #tre {
        width:144px;
        background-color: #666666;
        float:left;
    }
    #quattro {
        width:144px;
        background-color: #afafaf;
        float:left;
    }
    #cinque {
        width:144px;
        background-color: #9a1b7c;
        float:left;
    }

  </style>
  
  </head>
  <body>

  <div id="wrapper">
    <div id="uno">il wrapper ha height:100%, e il primo div ha height:100%<br><br><br><br></div>
    <div id="due">2<br><br><br><br></div>
    <div id="tre">3<br><br><br><br></div>
    <div id="quattro">4<br><br><br><br></div>
    <div id="cinque">5<br><br><br><br></div>
  </div>


  </body>
</html>

lostboy

Sei un mito, ma mi faresti un favorone se mi dici il riferimento alla modifica del mio css, in quanto non capisco come mai ma si vede che sbaglio sempre, visto che non funziona come nel tuo esempio...

So di chiedere moltom, ma mi salveresti davvero visto che sono si vede incompetente...

laburno

@lostboy said:

Sei un mito, ma mi faresti un favorone se mi dici il riferimento alla modifica del mio css, in quanto non capisco come mai ma si vede che sbaglio sempre, visto che non funziona come nel tuo esempio...

So di chiedere moltom, ma mi salveresti davvero visto che sono si vede incompetente...

Dal codice della tua pagina mi sembra che il div middle faccia da contenitore per i 5 div (contenuto, sidebar e bordi).

lostboy

Non il middlewrap?Comunque provato al middle, ma nn funzia....Scrolla sempre tutto il contenuto centrale assieme,penso sia dovuto a qc del body boh...

laburno

@lostboy said:

Non il middlewrap?Comunque provato al middle, ma nn funzia....Scrolla sempre tutto il contenuto centrale assieme,penso sia dovuto a qc del body boh...

Sei tu che hai la pagina
Prova col middlewrap, e se non è neanche quello allora svuota la pagina del contenuto e lascia solo la struttura del layout e vedi come si comporta.

lostboy

Guarda chiedo davvero venia, ma le ho provate tutte, anche a fare come dici tu, anche a togliere ogni elemento al colpo...Boh...

lostboy

puoi darmi un help che mi sn impantanato? grazie