[advAjax] załadowanie pliku do div Opcje

[mynio]

witam
na stronie zamieszczonej tutaj: http://tkowalczyk.com/strona_szkoly/
którą zrobiłem dla pewnej szkoły, nie podoba mi się jedna rzecz i nie wiem do końca jak się jej pozbyć.

Chodzi o menu brzydko wygląda gdy ono się ładuję bo wtedy się tak rozjeżdża po całej stronie, mam nadzieję, że zauważycie o co chodzi. Wymyśliłem więc by załadować to menu z pliku za pomocą Ajaxa tyle, że nie dokońca mi to wychodzi, nalepiej by było jakby pojawiał się obrazek podczas wgrywania pliku i gdy bedzię cały załadowany potem go wczytać na stronę.

Mój kod, który nie bardzo działa:

[HTML] pobierz, plaintext 
<script language="JavaScript" src="advajax.js"></script>
<script language="JavaScript">
advAJAX.setDefaultParameters({
   onSuccess : function(obj) {
 
       document.getElementById(obj.tag).innerHTML = obj.responseText;
   }
});
advAJAX.get({ tag: "bgBlue", url: "inc/menu.inc" });
		</script>
[HTML] pobierz, plaintext 

z góry dzięki za pomoc
pzdr

[jarrod]

Zmień

[HTML] pobierz, plaintext 
#bgMenu {
width: 100%;
height: 182px;
background-image: url('../images/bg_menu.jpg');
}
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
#bgMenu {
width: 856px;
height: 182px;
background-image: url('../images/bg_menu.jpg');
}
[HTML] pobierz, plaintext 

w pliku style.css. Powinno pomóc ponieważ tego diva nic nie trzyma (poza <div id="page"> ale on nie ma właściwości css).

Pozatym zdaje się że zadeklarowałeś dokument jako XHTML STRICT zatem usuń puste elemety "<li></li>" i pamiętaj że każde zdjęcie musi mieć atrybut alt bo inaczej nie przejdzie walidacji