Ciao a tutti,
spero di poter spiegare la mia necessità e che qualcuno possa aiutarmi.
In un file.css ho definito alcuni div per avere un'area per il menu e un'area per la pagina.
a div#contenitore e div#pagina ho dato un'altezza fissa ma quando il testo della pagina è lungo lo spazio della pagina non viene adattato alla lunghezza.
Questo problema lo potrei risolvere togliendo l'impostazione dell'altezza sui div contenitore e pagina ottenendo uno spazio che si adatta alle dimensioni del testo, ma quando il testo è corto l'effetto estetico non è bello.
Quello che vorrei ottenere è questo.
Partendo da un'altezza minima fissa per l'area menu e pagina (come per esempio i valori di altezza indicati) quando il testo da pubblicare è lungo e richiererebbe uno spazio maggiore rispetto all'altezza indicata, l'altezza di tali aree dovrebbe adattarsi alla lunghezza del testo.
E' possibile
Confido nella potenza dei CSS e nel vostro aiuto
Posto il il codice di esempio della pagina
esempio della pagina html
Codice PHP:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Titolo</title>
<link rel = "shortcut icon" type="image/x-icon" href = "favicon.ico" >
<link rel = "stylesheet" type = "text/css" href = "../css/stile.css" media = "screen">
</head>
<body>
<div id = "contenitore">
<div id = "titolo">Titolo...</div>
<div id = "menu" >
<ul>
[*]<a href = "pag1.html" title = "">menu1</a>
[*]<a href = "page2.html" title = "">menu2</a>
[*]<a href = "page3.html" title = "">menu3</a>
[*]<a href = "page4.html" title = "">menu4</a>
[/list]
</div>
<div id = "pagina">
Testo della pagina...
</div>
</div>
</body>
</html>
stili:
Codice PHP:
body
{
background: #ABCCCC no-repeat 100% 100%;
}
div#contenitore
{
margin: auto auto;
width: 800px;
border: 1px solid #000000;
padding: 0;
background: #CBCBAD;
height: 600px; /* valore che controlla l'altezza dell'area titolo */
}
div#menu
{
margin: 0;
padding: 0;
width: 149px;
float: left;
display: block;
}
div#pagina
{
margin: 0;
background: #FFFEF6;
width: 625px;
float: left;
padding: 20px 10px 10px 15px;
display: block;
height: 528px; /* valore che controlla l'altezza dell'area pagina*/
border-left: 1px solid #000;
}
div#titolo
{
font-family: helvetica, arial;
font-size: 15pt;
color: #CEBEBF;
padding-top: 8px;
padding-bottom: 0.2em;
padding-left: 10px;
height: 30px;
/*border-bottom: 3px solid #49521F;*/
display: block;
text-shadow: #9F9D56 0px 0px 1px;
}
Graazie mille
Rispondi quotando
