Witam!
Jako że jestem początkującym webmasterem, chciałbym się dowiedzieć czy taki układ strony jaki napisałem będzie dobry, czy można to jakoś inaczej napisać? 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. 	<title>Coś tam, i jeszcze coś</title>
  8. 	<style>
  9.          html, body {padding:0;
  10.                      margin: 0;
  11.                      background-image: url(tlo.png);
  12.                      }
  13.          #NAGLOWEK {width: 99.8%;
  14.                background-image: url(tloup.png);
  15.                }
  16.          #TOP { width: 882px;
  17.                    height: 237px;
  18.                    margin: 0 auto;
  19.                    background-image: url(top.png);
  20.                  }
  21.          #PANEL { width: 882px;
  22.                   height: 163px;
  23.                   background-image: url(panel.png);
  24.                   margin: 0 auto;
  25.                 }
  26.          #TRESC {width: 99.8%;
  27.                 }
  28.          #SRODEK {width: 882px;
  29.                   margin: 0 auto;
  30.                   }
  31.          #UKLADMENU {width:250px;
  32.                  float: left;
  33.                 }
  34.          #cialo {width:630px
  35.                  float: left;
  36.                 }
  37.          #MENU {width: 250px;
  38.                 height: 267px;
  39.                 background-image: url(menu.png);
  40.                 float: left;
  41.                }
  42.          #MENU2 {width: 250px;
  43.                 height: 231px;
  44.                 background-image: url(menu2.png);
  45.                }
  46.          .ARTYKULY {width: 595px;
  47.                     height: 609px;
  48.                     margin: 10px auto;
  49.                     background-image: url(artykuly.png);
  50.                     float: left;
  51.                     }
  52.          #DOL {width: 99.8%;
  53.                background-image: url(tlodown.png);
  54.                float: left;
  55.               }
  56.          #STOPKA { width: 882px;
  57.                    height: 107px;
  58.                    margin: 0 auto;
  59.                    background-image: url(stopka.png);
  60.                  }
  61.  
  62.  
  63.  
  64. 	</style>
  65. </head>
  66. <body>
  67. <div id="NAGLOWEK" >
  68.      <div id="TOP"> </div>
  69.      <div id="PANEL"></div>
  70. </div>
  71. <div id="TRESC">
  72.      <div id="SRODEK">
  73.           <div id="UKLADMENU">
  74.                <div id="MENU2"></div>
  75.                <div id="MENU"></div>
  76.           </div>
  77.           <div id="cialo">
  78.                <div class="ARTYKULY"></div>
  79.           </div>
  80.      </div>
  81. </div>
  82. <div id="DOL">
  83.     <div id="STOPKA"></div>
  84. </div>
  85. </body>
  86. </html>
[HTML] pobierz, plaintext

To moja pierwsza strona. Chciałbym się dowiedzieć czy można to jakoś lepiej poukładać, żeby się szybciej wczytywało, czy raczej niezalecane jest dawanie wielu divów na stronę? Oczywiście miejsca w których dawałem tła obrazkowe będą zmieniane, dawałem tak tylko aby zobrazować jak to ma wyglądać. Czyli tych obrazków tam nie będzie, przez PHP będą includowane kawałki strony, tak żeby przy przeładowywaniu nie ładować całości strony tylko pewien fragment.
I ma jeszcze 2 pytania:
1. Chciałem całość zrobić niezależną od rodzielczości, więc dałem 1 główny div, w nim środkowcyh kilka, z marginesami prawym i lewym na auto, żeby strona była wyrównana. Ale najpierw szablon miał wyglądać inaczej, tzn po prawej i lewej tło miało być inne, na rysunku belka zaznaczona kolorem czeronym nie miała istnieć. Tylko na innym forum nie otrzymałem odpowiedzi czy można zrobić tak aby był 1 główny div o stałej szerokości, a po prawej i lewej divy wykorzystujące całą reszte wolnego obszaru?
2. Część środkowa z menu, i miejscem na artykuły. Musiałem ją wsadzic w 2 divy, inaczej nie miałbym artykułów od góry, float:left wyrównywało z górą 2giego menu (tego niżej). Czy da się to inaczej, lepiej rozwiązać?
Pozdrawiam

PS. piszcie wszytskie błędy, żebym już od początku unikać błędów

Ups... Zapomniałem o screenie: