Newsgroup: it.comp.www.html
Titolo: Lunghezza colonne

Ciao!
Ho ridisegnato il mio sito secondo le dritte che mi avete dato, ma
problemino ...
Ho un lay-out a due colonne fluido. Vorrei che la lunghezza delle due
colonne fosse sempre uguale, dato che sono separate sia dal colore che
da un border e sta male.
Vi riporto sia html che css.
<body>
<div id="container">
<!-- HEADER -->
	<div id="header">
		<div id="titolo"><img src="../images/titolo.gif"></div>
		<div id="ricerca"><table class="tblRicerca" cellspacing="0"
align="right">
				<tr>
					<td class="tdRicerca"><span
class="txtbianco"><b>contatti|mappa|ricerca|</b></span></td>
					<td class="tdRicerca"><input type="text" name="ricerca" size="10"
id="ricerca" tabindex="10"></td>
					<td class="tdRicerca"><img src="../images/lente.gif"></td>
				</tr>
			</table>
		</div>
	</div>
<!-- /HEADER -->
	<div class="nofloat"></div>
	<div id="box">
	<!-- LEFTBAR -->
	<div id="leftbar">
	<!-- SECTION IMAGE -->
		<img src="../images/foto.jpg">
		<br>
	<!-- /SECTION IMAGE -->
	<!-- SECTION LOGON -->
		<table class="tblLogin">
			<tr><td valign="bottom">Username</td><td valign="bottom">Password
</td></tr>
			<tr>
				<td class="tdLogin"><input type="text" name="username" size="10"
id="username" tabindex="20"></td>
				<td class="tdLogin"><input type="text" name="password"
id="password" size="10" tabindex="30"></td>
				<td class="tdLogin"><input type="submit" name="Login" value="LOGIN"
class="login" tabindex="40"></td>
				<td class="tdLogin"><input type="submit" name="Login" value="?"
class="login" tabindex="50"></td>
			</tr>
		</table>
		<!-- SECTION LOGON -->
	<!-- SECTION INFO -->
		<p>Breve testo introduttivo che spiega le modalit&agrave; di accesso
alle singole sezioni dedicate ai cittadini, agli
		studenti, ai docenti.
		Breve testo introduttivo che spiega le modalit&agrave; di accesso
alle singole sezioni dedicate ai cittadini, agli
		studenti, ai docenti.
		<br><br>
			<b>E tu chi sei?</b>
			<br>
			<img src="../images/studente.gif"><img
src="../images/docente.gif"><img src="../images/genitore.gif">
			</p>
		<!-- /SECTION INFO -->
	</div>
	<!-- /LEFTBAR -->
	<!-- RIGHTBAR-->
	<div id="rightbar">
	contenuto
       </div>
<!-- RIGHTBAR -->
	</div>
<!-- FOOTER -->
<div id="footer">
FINE
</div>
<!-- /FOOTER -->
</div>
CSS:
HTML,BODY{PADDING:0px; MARGIN:0px;BACKGROUND: #ffffff;width:100%;}
#container {border: 1px solid #000;background-color:#fff;margin:10px}
#box     {background-color:#ff9900;height:100%}
#header  {font: 76% georgia,serif;border-bottom: 1px solid
#000;background-color: #ff9900;height:31px;}
#ricerca {width:50%;float:left}
#titolo  {width:50%;float:left}
#leftbar {float: left;width: 292px;padding: 0px 0px 0px 0px;FONT:74%
verdana, sans-serif;height:100%}
#rightbar {margin-left:292px;border-left: 1px solid #000;clear:right;
padding: 5px;background-color:#fff;height:100%}
#footer {clear:both;border-top: 1px solid #000}
td{FONT:74% verdana, sans-serif;}
input {height:17px;font:10px verdana, sans-serif}
select {valign:top;font:10px verdana, sans-serif}
p,span {padding:5px;}
.tblLogin {width:100%;padding:0px;}
.tdLogin {vertical-align: top;}
.tblRicerca {width:50%;height:30px;padding:0px; text-align:
right;color:white;}
.tdRicerca {vertical-align: bottom;  font: 74% verdana,
sans-serif;color:white;}

Hey, nessuno può darmi un suggerimento?
Dai ...