Layout con autoridimensionamento

**Free_Sp1r1t** · 15-10-2008, 15:03

ciao a tutti, posto in questa sezione xkè credo sia la più appropriata al mio problema, anche se in realtà il mio sito è fatto con un cms che si chiama webspell ^^
Il mio problema è dovuto al layout , infatti il mio sito ha come risoluzione unica attualmente 1024*768, ma a me piacerebbe che si autoridimensionasse in automatico in base a quella usata dall'utente che la visualizza.Mi spiego meglio: come tutti i cms, il layout è definito dal file index.php, e siccome il layout si base su tabelle, credo che mi basterebbe fare in modo che fosse la parte centrale del sito ad aumentare o diminuire la sua dimensione, in questo modo le colonne laterali rimarrebberò sempre uguali.
Prova a postare il codice del file index.php, vediamo se qualcuno mi sa dire cosa devo modificare ^^
Io nn conoscendo il linguaggio di programmazione nn so dove mettere mano, ma credo che quì in molti mi sappiano dare un aiuto....aspetto con ansia le vostre risposte....ciao

Codice PHP:


<?php



include("_mysql.php");

include("_settings.php");

include("_functions.php");



?>



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="copyright" content="Copyright © 2007 by [url]www.gamer-designs.de[/url] cms by [url]www.webspell.org[/url]" />

<meta name="description" content="webSPELL Templates by [url]www.gamer-designs.de[/url]">





<title><? echo PAGETITLE; ?> | Design by [url]www.Gamer-Designs.de[/url]</title>

<link href="_stylesheet.css" rel="stylesheet" type="text/css">

<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>

<script src="js/roll.js" language="jscript" type="text/javascript"></script>

<script src="js/drop.js" language="jscript" type="text/javascript"></script>

<style type="text/css">

<!--

body {

    background-color: #931918;

    margin-top: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    margin-right: 0px;

}

#main {

    position: absolute;

    margin-top: -6px;

    margin-left: 15px; 

    visibility: visible;

}

#clan {

    position: absolute;

    margin-top: -6px;

    margin-left: 15px; 

    visibility: hidden;

}

#comm {

    position: absolute;

    margin-top: -6px;

    margin-left: 15px; 

    visibility: hidden;

}

#misc {

    position: absolute;

    margin-top: -6px;

    margin-left: 15px; 

    visibility: hidden;

}



-->

</style></head>



<body onLoad="MM_preloadImages('style/_.jpg','style/_-02.jpg','style/_-03.jpg','style/_-04.jpg')">

<center>

<table width="999" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td width="42" background="style/08.jpg"></td>

        <td width="915"><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="778">[img]style/02.jpg[/img]</td>

                <td width="57">[url="index.php?site=contact"][img]style/03.jpg[/img][/url]</td>

                <td width="80">[url="index.php?site=imprint"][img]style/04.jpg[/img][/url]</td>

              </tr>

            </table></td>

          </tr>

**Free_Sp1r1t** · 15-10-2008, 15:04

Codice PHP:


<tr>

            <td>[img]style/07.jpg[/img]</td>

          </tr>

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="134">[url="#"][img]style/10.jpg[/img][/url]</td>

                <td width="133">[url="#"][img]style/11.jpg[/img][/url]</td>

                <td width="133">[url="#"][img]style/12.jpg[/img][/url]</td>

                <td width="133">[url="#"][img]style/13.jpg[/img][/url]</td>

                <td width="382"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="234">[img]style/14.jpg[/img]</td>

                        <td width="148">[url="http://www.gamer-designs.de/"][img]style/15.jpg[/img][/url]</td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td height="23" background="style/16.jpg"><? include("drop_navi.php"); ?></td>

                  </tr>

                </table></td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="200" valign="top" background="style/46.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td>[img]style/17.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td height="122" background="style/21.jpg" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="10"></td>

                        <td width="180"><? include("sc_headlines.php"); ?></td>

                        <td width="10"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/30.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td height="122" background="style/21.jpg" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="10"></td>

                        <td width="180"><? include("sc_results.php"); ?></td>

                        <td width="10"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/36.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td background="style/39.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="5"></td>

                        <td width="190" align="center">[url="index.php?site=members&action=show&squadID=1"][img]images/squad_pics/01.jpg[/img][/url]


                            [url="index.php?site=members&action=show&squadID=2"][img]images/squad_pics/02.jpg[/img][/url]


                              [url="index.php?site=members&action=show&squadID=3"][img]images/squad_pics/03.jpg[/img][/url]


                                [url="index.php?site=members&action=show&squadID=4"][img]images/squad_pics/04.jpg[/img][/url]


                                  [url="index.php?site=members&action=show&squadID=5"][img]images/squad_pics/05.jpg[/img][/url]


                                    [url="index.php?site=members&action=show&squadID=6"][img]images/squad_pics/06.jpg[/img][/url]</td>

                        <td width="5"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/44.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="5"></td>

                        <td width="190"><? include("poll.php"); ?></td>

                        <td width="5"></td>

                      </tr>

                    </table></td>

                  </tr>

                </table></td>

                <td width="515" valign="top" background="style/26.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td>[img]style/18.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="23">[img]style/22.jpg[/img]</td>

                        <td width="468" height="60" valign="middle" background="style/23.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                          <tr>

                            <td align="center"><? include("sc_bannerrotation.php"); ?></td>

                          </tr>

                        </table></td>

                        <td width="24">[img]style/24.jpg[/img]</td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/25.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td align="center"><? include("sc_advertisement.php"); ?></td>

                  </tr>

                  <tr>

                      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<noscript>[url="http://www.gamer-designs.de"]webSPELL Templates[/url]</noscript>                      

<tr>

                        <td width="4"></td>

                        <td width="507"><?

      if(!isset($site)) $site="news";

      //Sichheitsl&uuml;cke beheben

      $invalide = array('/','/\/',':','.');

      $site = str_replace($invalide,' ',$site);

      if(!file_exists($site.".php")) $site = "news";

      include($site.".php");

      ?></td>

                        <td width="4"></td>

                      </tr>

                    </table></td>

                  </tr>

                </table></td>

                <td width="200" valign="top" background="style/51.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td>[img]style/19.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td height="107" valign="top" background="style/20.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="15"></td>

                        <td width="170"><? include("login.php"); ?></td>

                        <td width="15"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/28.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td background="style/32.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="5"></td>

                        <td width="190"><? include("sponsor.php"); ?></td>

                        <td width="5"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/35.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td background="style/32.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="5"></td>

                        <td width="190" align="center">[url="http://www.gamer-designs.de/"][img]http://www.gamer-designs.de/gamer-designs/images/linkus/2.gif[/img][/url]
[url='http://adserver.terahost.de/www/delivery/ck.php?n=a730b7e9&amp;cb=22'][img]http://adserver.terahost.de/www/delivery/avw.php?zoneid=1&amp;n=a730b7e9[/img][/url]


                          <? include("partners.php"); ?></td>

                        <td width="5"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/42.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td background="style/32.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="5"></td>

                        <td width="190"><? include("shoutbox.php"); ?></td>

                        <td width="5"></td>

                      </tr>

                    <noscript>[url="http://www.gamer-designs.de"]webSPELL Templates[/url]</noscript>

                    </table></td>

                  </tr>

                  <tr>

                    <td>[img]style/49.jpg[/img]</td>

                  </tr>

                  <tr>

                    <td height="122" background="style/21.jpg" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="10"></td>

                        <td width="180"><? include("sc_files.php"); ?></td>

                        <td width="10"></td>

                      </tr>

                    </table></td>

                  </tr>

                </table></td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td>[img]style/53.jpg[/img]</td>

                <td>[url="http://www.gamer-designs.de/"][img]style/54.jpg[/img][/url]</td>

                <td>[img]style/55.jpg[/img]</td>

              </tr>

            </table></td>

          </tr>

        </table></td>

        <td width="42" background="style/08_1.jpg"></td>

      </tr>

    </table></td>

  </tr>

</table>

</center>

</body>

</html>

scusate il doppio post ma in un'unico post nn ci stava tutto il codice :P

**alcio74** · 15-10-2008, 21:53

Guarda... non c'è bisogno di scomodare PHP per fare quello che serve a te.
Con un uso sapiente dei CSS si possono creare siti che si autoadattano alle dimensioni di qualsiasi computer (layout fluido).

Io odio i layout tabellari e non li uso neanche lontanamente, ma in un certo senso con le tabelle si possono comunque creare layout fluidi: basta usare le dimensioni percentuali!

Se proprio ti vuoi scervellare con il codice (secondo me è completamente inutile, ma alla fine il sito è tuo per cui fai come preferisci) puoi usare JavaScript per definire la risoluzione del client.
Con window.screenWidth() e window.screenHeigth() recuperi le informazioni che ti servono, ma poi devi modificare (se non erro con inneHTML) le dimensioni della tabella in maniera dinamica.

Con PHP non si possono fare operazioni simili, quindi ti consiglio di postare nei forum relativi ai CSS o a JS.
Altro consiglio: togli qualsiasi tabella dal sito e studiati i CSS.

**Free_Sp1r1t** · 16-10-2008, 19:13

Mi hai suggerito molte strade e te ne sono grato...ma credo che ricreare un layout simile a quello che ho attualmente con css, sia per me un qualcosa di veramente impossibile

Se riuscissi a trovare magari una guida interattiva, riuscirei a venirne fuori ...qualche consiglio?

**alcio74** · 17-10-2008, 22:30

Ti ho mostrato quante strade puoi seguire proprio perché alla fine il metodo migliore è quello che ti resta più comodo.

Quello più semplice per avere risultati da subito è usare le dimensioni percentuali.

codice:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

Però, c'è una controindicazione: se usi le tabelle con dimensioni espresse in percentuale quando intabelli un'immagine, che è di dimensioni fisse, potrebbe andarti a pallino il layout.
Sii oculato nello scegliere quali parti del layout possono essere fluide e quali invece necessitano di dimensioni fisse (espresse in pixel, quindi).
Non mi sono messo a spulciare il codice, ma metti che hai un layout a 2 colonne (una laterale per il menù e l'altra per tutto il corpo della pagina), puoi lasciare a dimensioni fisse la colonna del menù e non dimensionare in larghezza l'altra, che così si adatterà nello spazio che le rimane da occupare.

Per le guide.... beh... ti basta clikkare un po' in questa pagina per raggiungere la guida ai CSS di HTML.it.
Mi sento però in dovere di dirti una cosa.
Di solito, si usa un CMS per avere un sito senza stare a compilarne il codice, per cui ti invito a fare una scelta: o ti metti sotto a studiare il PHP, l'HTML ed i CSS, oppure è meglio che non metti mano al codice generato dai CMS, sennò diventi matto.

Oh... questo è solo un mio punto di vista, non farne una cosa personale.

**Free_Sp1r1t** · 18-10-2008, 09:18

studierò!!grazie per la disponibilità...appena riuscirò a fare quanto ho in mente, verrò a postare i miei risultati quì, così potrai vantarti di quanto sia bravo il tuo discepolo

**alcio74** · 18-10-2008, 10:51

Mi piace questo atteggiamento!
Sono convinto che farai benissimo!

Discussione: Layout con autoridimensionamento

Strumenti discussione

Ricerca discussione

Visualizza

Layout con autoridimensionamento

Permessi di invio