Problema con Divisione pagina in 4 div

**Pegasys** · 01-05-2008, 11:47

Ciao a tutti, ho fatto una pagina divisa in 4 div
- Intestazione
- Menù a sinistra
- Piè di Pagina
- Contenuto centrale in mezzo

I problemi sono due
1) quando resizzo la finestra del browser mi serve che intestazione, piè e menù rimangano fisse e main si riduca, facendo vedere le barre di scorrimento
2) In base al browser che uso FF,IE7,IE6 e a parità di html, ho una visualizzazione diversa. E' normale sta cosa?

Se provo a fare il resize, main passa sotto al piè di pagina e continua oltre.

Grazie per l'aiuto

codice:

<html>
<head>
	<title>Pagina di Prova</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <div id="contenitore">
        <div id="titolo">Header</div>
        <div id="left">Left</div>
        <div class="right" id="home">Main </div>
        <div id="bottom">Footer</div>
	</div>
</body>

</html>

codice:

#contenitore-box
{
	position:relative;
}

#top
{
	position:absolute;
	border:0;
	height: 100px;
	background:#000000;
}

#left
{
	position:absolute;
	top:100px;
	width:20%;
	background:#FF0000;
	height: 80%;
}

.right
{
	position:absolute;
	left: 20%;
	top: 100px;
	width: 80%;
	background:#CCFF66;
	height: 80%;
}

#bottom
{
	position:absolute;
	width: 100%;
	top: 90%;
	background: #00CCCC;
	height:10%;
}
body
{
	margin-top: 0px;
	margin-bottom: 0px;
}

Le specifiche della pagina sarebbero così

Il problema su cui ho trovato difficoltà è giocare sulle % in modo che quando la finestra viene ridimensionata non perdo l'aspetto grafico.

Spero che qualcuno possa aiutarmi

Grazie ancora Ciao

**Pegasys** · 01-05-2008, 19:30

Aggiungo altre specifiche

La pagina deve essere fatta in modo che la barra di scorrimento sulla finestra non appaia mai, nel senso che se viene rimpicciolita o ingrandita le 4 parti mantengono le proporzioni. La barra di scorrimento deve apparire solo per il main

Grazie ancora

**Hobby** · 01-05-2008, 22:56

Se usi DW, ci sono una marea di layout di quel genere già pronti che funzionano bene

**gengix** · 02-05-2008, 10:37

Fai attenzione a usare i posizionamenti, sono difficili da gestire. Ti consiglio di utilizzare i fluttuamenti.

C' è un po' di confusione in quello che dici. Vuoi alcune parti del tuo layout fisse e alcune fluide, ma ho visto che utilizzi solo delle percentuali come unità di misura.

Se ho ben capito quello che vuoi fare, la tua soluzione dovrebbe prevedere l'utilizzo dei px per gli elementi che vuoi tenere fissi e l'utilizzo delle percentuali per gli elementi che si devono ridimensionare.

Mischiare unità di misura che ragionano in maniera diversa, per creare una struttura non è molto consigliato e sicuramente poco logico.

Indicativamente i tipi di layout che puoi fare sono questi:

http://css.html.it/guide/lezione/54/...out-tableless/

Ognuno di questi layout ragiona con delle logiche precise.

In particolare il tuo layout lo puoi trovare qui:

http://css.html.it/guide/lezione/65/...-introduzione/

Discussione: Problema con Divisione pagina in 4 div

Strumenti discussione

Ricerca discussione

Visualizza

Problema con Divisione pagina in 4 div

Permessi di invio