layout height e width 100% con contenuto centrale iframe

**sidvizioso** · 04-03-2009, 18:05

cerco di spiegarmi meglio..
devo sviluppare una applicazione che non dovrà essere pubblicata online ma girare unicamente in rete locale e che dovrà essere visualizzata "fullscreen", quindi potrei anche utilizzare le tabelle html....
praticamente il layout dovrà essere più o meno così:

body,html { height e width: 100% }
header { altezza fissa sempre visibile in alto il quale conterrà un menu }
corpo { diviso in due colonne width 100% height 100%
sx { colonna width 100% height 100% che contiene un iframe il quale dovrà essere height 100% con eventuale scroll }
dx { colonna width 100% height 100% senza scroll }
}
footer { altezza fissa sempre visibile in basso }

spero abbiate capito e spero in un aiutino...

grazie

**NicManzana** · 04-03-2009, 19:55

bene, ma che aiutino ti serve??...hai scritto tutto te

.
se si tratta del height a 100% con il footer sempre in basso cerca nel forum che è già stato di sicuro trattato l'argomento.
Per il resto mi sembra che tu sappia come fare :master:

ciaO!

**sidvizioso** · 05-03-2009, 15:18

si ma non so bene come procedere con i css...
posto un esempio...

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html style="width: 100%; height: 100%; margin: 0; padding: 0">

<head>

</head>

<body style="width: 100%; height: 100%; margin: 0; padding: 0">

    <div style="width: 100%; height: 100%">

        <div style="width: 100%; height: 30px; background: #000; color: #FFF">header</div>

        <div style="width: 100%; height: 100%; background: #cc0">sfsgg</div>

        <div style="width: 100%; height: 30px; background: #000; color: #FFF; position: absolute; bottom: 0">footer</div>

    </div>

</body>

</html>

in questo modo però il footer è sempre visibile ma il div centrale con altezza 100% va sotto il footer... e quindi ho uno scroll verticale di tutta la pagina... e voglio evitare questo...

ho provato a metter overflow: hidden al div contenitore ma poi parte del testo, se dovesse arrivare in fondo andrebbe sotto il footer...

mi aiutate?

**sidvizioso** · 05-03-2009, 20:57

uppettino

**sidvizioso** · 06-03-2009, 17:39

ariuppete!

Discussione: layout height e width 100% con contenuto centrale iframe

Strumenti discussione

Ricerca discussione

Visualizza

layout height e width 100% con contenuto centrale iframe

Permessi di invio