sto cercando di rendere fluido il layout del template "red castle" (joomla.it)(larghezza dinamica in base al browser con min e max width)

dando uno sguardo al css ho individuato il selettore #center come contenitore principale del template. #center ha una sua larghezza definita in px, il problema è che sia cambiandola in dimensioni assolute (px) che relative (%) il div non cambia..

ho provato anche ad eliminare i vari box_bottom e box_top, cioè quelli che danno l'effetto ombreggiatura, niente

codice:
body {
	background: #867a58;
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
	font-size: 76%;
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 120%;
}

#center {
	margin: 0 auto;
	width: 737px;
	text-align: left;
}

#header {
	padding: 10px 30px 15px;
}

#box_bottom_right {
	background: url(../images/box_bottom_right.gif) no-repeat 100% 100%;
}
	
#box_bottom_left {
	background: url(../images/box_bottom_left.gif) no-repeat 0 100%;
}
	
#box_top_right {
	background: url(../images/box_top_right.gif) no-repeat 100% 0;
}
	
#box_top_left {
	background: url(../images/box_top_left.gif) no-repeat 0 0;
	padding: 0 20px 28px;
}

#topmenu {
	height: 28px;
	padding: 0 10px;
}

#sidebar {
	padding: 12px 1% 0;
	width: 25%;
	float: left;
}

#content {
	padding: 12px 1% 0;
	width: 71%;
	float: left;
}

#footer {
	padding: 0 30px 15px;
	text-align: center;
}
#bullet {
	color: #900;
	padding: 0 5px;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#content a:link,
#content a:visited {
	text-decoration: underline;
	color: #fff;
}

#content a:hover {
	text-decoration: none;
}

.clr {
	clear: both;
}




codice:
<body>

<div id="center">
<div id="header">
[img]/templates/red_caste_j1.5/header/index.php?text=Red Caste&font=Airstream.ttf&fontsize=60&bottom=5[/img]
</div>
<div id="box_bottom_right">

<div id="box_bottom_left">
<div id="box_top_right">
<div id="box_top_left">
<div id="topmenu">
<div class="moduletable">
<ul id="mainlevel-nav">[*]Joomla! è...[*]Caratteristiche[*]Notizie dal mondo Joomla[*]La Community[/list]</div>


</div>
<div id="sidebar">
<div id="scrollholder_right" class="scrollholder_right">
<div id="scroll_right" class="scroll_right">
<div class="moduletable_menu">
<h3>Menu Principale</h3>
<ul class="menu"><li class="item1"><span>Home</span><li id="current" class="parent active item27"><span>Descrizione di Joomla!</span><ul><li class="item34"><span>Cosa c'è di nuovo nella 1.5?</span>[/list]<li class="item2"><span>Licenza Joomla!</span><li class="item37"><span>Informazioni Joomla!</span><li class="item41"><span>FAQ</span><li class="item50"><span>Notizie</span><li class="item48"><span>Web link</span><li class="item49"><span>News feed</span>[/list]</div>

<div class="moduletable_menu">
<h3>Concetti chiave</h3>
<ul class="menu"><li class="item40"><span>Estensioni</span><li class="item38"><span>Aspetto dei contenuti</span><li class="item43"><span>Pagine di esempio</span>[/list]</div>


</div>
</div>
<script type="text/javascript">
<!--
ScrollLoad ("scrollholder_right", "scroll_right", true);
//-->
</script>

</div>
<div id="content">
<div id="scrollholder_left" class="scrollholder_left">
<div id="scroll_left" class="scroll_left">
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
Descrizione generale Joomla!</td>
<td align="right" width="100%" class="buttonheading">

[img]/images/M_images/pdf_button.png[/img]</td>

<td align="right" width="100%" class="buttonheading">
[img]/images/M_images/printButton.png[/img]</td>

<td align="right" width="100%" class="buttonheading">
[img]/images/M_images/emailButton.png[/img]</td>
</tr>
</table>

<table class="contentpaneopen">
<tr>
<td valign="top">
<span class="small">
Scritto da Administrator</span>

</td>
</tr>

<tr>
<td valign="top" class="createdate">

Lunedì 09 Ottobre 2006 07:49</td>
</tr>


<tr>
<td valign="top">


Se è la prima volta che utilizzi un sistema di pubblicazione su web, vedrai che Joomla! fornisce soluzioni sofisticate per le tue necessità online. Puoi realizzare un sito a livello aziendale, potenziato da numerose estensibilità. Inoltre, spesso è una soluzione per piccoli business o utenti privati che desiderano un sito professionale semplice da sviluppare e utilizzare. Facciamo le cose giuste.
 </p>

Si ma dove sta il trucco? Quanto mi costerà questo sistema?</p>

 Bene, ci sono buone notizie ... e questa è una tra quelle! Joomla! 1.5 è libero, è rilasciato sotto una licenza Open Source - la GNU/General Public License v 2.0. Avete investito in un mainstream, alternative commerciali, non ci sarebbe niente di male se non al vostro portafoglio e aggiungere nuove funzionalità molto probabilmente vi porterebbe a stipulare una nuova ipoteca se intendeste ampliare la struttura con nuove funzioni aggiuntive!</p>

Joomla! cambia tutto questo ... 
Joomla! è diverso dai normali modelli di software per la gestione dei contenuti. Per iniziare, non è assolutamente complicato. Joomla! è stato sviluppato per tutti, E chiunque può svilupparlo ulteriormente. E' stato disegnato (primariamente) per lavorare con altri progetti Open Source, software liberi come PHP, MySQL, e Apache. </p>

E' semplice da installare e amministrare, ed è affidabile. </p>

Joomla! non richiede assolutamente la conoscenza dell'HTML da parte degli utenti o degli amministratori.</p>

Certo per ottenere il perfetto sito web con tutte le funzionalità che si richiedono per la sua particolare applicazione può essere richiesto tempo e impegno supplementare, ma con il supporto della community Joomla! e la disponibilità di attivi sviluppatori di terza parte che creano e rilasciano quasi quotidianamente nuove estensioni per la piattaforma 1.5, è possibile che ci sia qualcosa là fuori per soddisfare le vostre esigenze. O potreste sviluppare la vostra estensione e renderla disponibile anche voi al resto della community. </p>

</td>
</tr>

<tr>
<td class="modifydate">
Ultimo aggiornamento Domenica 04 Novembre 2007 15:50</td>
</tr>
</table>
<span class="article_separator"></span>

</div>
</div>

<script type="text/javascript">
<!--
ScrollLoad ("scrollholder_left", "scroll_left", true);
//-->
</script>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div id="footer">

Template by Genesis Nova
<span id="bullet">&bull;</span>Powered by  Joomla!</div>
</div>

</body>

</html>