Layout con i CSS

**awd** · 08-10-2003, 21:48

ehm, l'allegato!

**cristiano_longo** · 09-10-2003, 09:54

Puoi provare a :

1)Racchiudere tutti e tre in un unico DIV
2) Mettere l'altezza dei tre' al 100%.

Sto ancora studiando una sol del genere.

**awd** · 09-10-2003, 14:13

Originariamente inviato da cristiano_longo
Puoi provare a :

1)Racchiudere tutti e tre in un unico DIV
2) Mettere l'altezza dei tre' al 100%.

Sto ancora studiando una sol del genere.

Già provato, cmq riproverò.
Posto anche il codice dei tre div, magari può aiutare

codice:

#contenuto {
	margin: 0px auto;
	padding: 0px;
	width: 696px;
        height: auto;
	text-align: left;
	border-right: 2px solid #006699;
	border-bottom: 2px solid #006699;
	border-left: 2px solid #006699;
	background-color: #CCCCCC;
}

#destra {
	background-color: #CCCCCC;
	float: right;
	height: 100%;
	width: 150px;
	margin: 0px;
	padding: 0px;
	left: 549px;
}

#sinistra {
	background-color: #F4F4F4;
	float: left;
	height: 100%;
	width: 546px;
	margin: 0px;
	padding: 0px;
}

In questo modo, ripeto, non funziona su mozilla e netscape solamente!
Vi prego non so più dove sbattere la testa... ecco forse ho trovato... qui!

**cristiano_longo** · 09-10-2003, 15:38

...
<DIV id="destra">destra</DIV>
<DIV id="contenuto">contenuto</DIV>
<DIV id="sinistra">sinistra</DIV>
...

Con centra molto con la gif che hai postato. Devi usare un layout assoluto, oppure far lievitare(float) tutti gli elementi sulla sinistra.

**awd** · 09-10-2003, 18:44

Si ma così non centra più niente! Il mio problema è di riuscire a far si che il div "contenuto" si dimensioni in altezza sulla base della dimensione dei div in esso contenuti!
Se vuoi vedere la struttura finale del sito è quello nella mia homepage!

**kirikong** · 09-10-2003, 18:59

scusa ma sei sicuro di non aver lasciato aperto nessun div? puoi postare il codice che lo guardiamo insieme?

**awd** · 09-10-2003, 19:09

Questo è il codice della pagina "chi sono" (privata dei contenuti)

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>AWD - Chi sono</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="struttura.css" rel="stylesheet" type="text/css">
<link href="stili.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="header">filmato flash
</div>
<div id="menu">filmato flash
</div>
<div id="titolo">[img]jpg/chisono.jpg[/img]</div>
<div id="contenuto">
  <div id="sinistra">
    <div id="rientro">
      <div align="center">[img]gif/logo.gif[/img]

</div>
      <div class="corpo blugrassetto">testo</div>
      <div class="chisono">testo
      </div>
    </div>
  </div>
  <div id="destra">
    <div id="linea">[img]gif/linea.gif[/img]</div>
      <div class="descrizione">testo
      </div>
  </div>
</div>
<div id="footer">filmato flash
</div>
</body>
</html>

**kirikong** · 09-10-2003, 19:24

mhhhhh prova a dare i posizionamenti ai div..

**kirikong** · 09-10-2003, 19:24

ps non si riesce a vedere online?

**awd** · 09-10-2003, 23:07

appena posso lo metto in rete!

Discussione: Layout con i CSS

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio