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">•</span>Powered by Joomla!</div> </div> </body> </html>
Rispondi quotando
