Inny wygląd szablonu po opublikowaniu aukcji

0

Witam,

Na podglądzie aukcji szablon wyglądał w porządku. Tło powtarzało się w pionie i nie było dodatkowego paska przewijania. Po opublikowaniu aukcji widok mojego szablonu mnie zdziwił. Linie boczne nie są powtarzane do stopki a dodatkowo pojawił mi się parametr overflow. Czy muszę jakoś specjalnie zabezpieczyć mój szablon?

http://allegro.pl/postac-kaczora-donalda-wraz-z-samolotem-okazja-i1984137431.html

Oryginalny kod, który przy generowaniu podglądu wygląda w porządku.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- usunieto -->

 <head>
  
 <style type="text/css">

 #user_field {
 width: 100%;
 height: 100%;
 margin: 0 auto 0 auto;
 padding: 0px;
 text-align: center;
 font-family: trebuchet ms;
 font-size: 12px;
}

#user_field #calosc {
 text-align: left;
 margin: 0 auto 0 auto;
 width: 960px;
 height: 100%;
 background: #f0f0f0;
}

#user_field #belka_top {
 width: 930px;
 height: 20px;
 color: #fff;
 padding: 15px;
 background: url("http://s2.img.pl/tpYENWq.jpg");
 font-size: 14px;
}

#user_field #tekst_blok { width: 960;
  height: 100%;
  background: url("http://img205.imageshack.us/img205/6762/tlotn.jpg"); }
  
#user_field #lewa { width: 289px; 
  padding: 5px;
  float: left;}

#user_field #prawa { width: 647px; 
  padding: 5px;
  float: right;}

#user_field #clear { clear: both; }
  
#user_field #tekst {  font-family: trebuchet ms;
   font-size: 14px;
   text-align: center; }
#user_field #tekst h4 {padding: 0px; margin: 5px;}
#user_field #tekst h3 {padding: 0px; margin: 4px;}
  
#user_field #koniec { width: 960px; height: 1px; background: url("http://img534.imageshack.us/img534/6485/konieco.jpg"); }
  
#user_field img { border: 0px; }

#user_field .blok { padding-bottom: 25px; }

#user_field .b1 { background: #4b6a40; color: #fff; font-weight: bold; padding-left: 5px;}
 
 </style>
 
 </head>
 
 <div>
 
 <div id="calosc">
 
  <div id="belka_top">
   Chętnie odpowiem na wszystkie Państwa pytania dotyczące sprzedawanych produktów - <b>[email protected]</b><br>
  </div>
  
  <div id="top">
   <div style="float: left"><img src="http://s2.img.pl/5S1wVHV.jpg" alt=""></div>
   <div style="float: right;"><img src="http://s2.img.pl/X9kAOpS.jpg" alt=""></div>
  </div>
  
  <div id="tekst_blok">
  
   <div id="lewa">
    <div class="blok">
     <div class="b1">Koszt wysyłki:</div>
     <p>Koszty wysyłki przedmiotu są podane w zakładce "Dostawa i płatność"</p>
    </div>
    
    <div class="blok">
     <div class="b1">Rodzaj płatności:</div>
     <p>~ wpłata na konto<br>
     ~ płatność przy odbiorze osobistym</p>
    </div>
    
    <div class="blok">
     <div class="b1">Wysyłka towaru:</div>
     <p>Towar wysyłam za pobraniem do użytkowników, którzy mają <b>minimum 5 pozytywnych</b> komentarzy!</p>
    </div>

    <div class="blok">
     <div class="b1">Informacje kontaktowe:</div>
     <p>Mail: <b><a href="mailto:[email protected]">[email protected]</a></b></p>
    </div>
   </div>
  
   <div id="prawa">
    <div class="b1">Postać Kaczora Donalda wraz z samolotem</div><br>
     <div id="tekst">
    Witam serdecznie na mojej aukcji.<br>Mam dla Państwa rewelacyjne oferty na przedświąteczne zakupy.<br>Zabawki, które sprzedaje na moich aukcjach to wspaniałe pomysły na prezenty! <br><br>
    
    
    
    
    <h3>Postać Kaczora Donalda wraz z samolotem</h3>
    <h4>Stan: <b>nowy, nieużywany</b></h4><br>
    <a href="http://t2.gstatic.com/images?q=tbn:ANd9GcQ3vyZu_Mrvu70XczCsh5mGk4lIto8iR36e_TIkBLAAfNdPMB6p9w" target="_blank"> 
    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQ3vyZu_Mrvu70XczCsh5mGk4lIto8iR36e_TIkBLAAfNdPMB6p9w"> 
    </a><br><br>
    Zaprezentowany powyżej na fotografii produkt to zdjęcie produktu który możesz kupić na tej aukcji. <br><br>
    
    
    <p style="text-align: left">
    <b>Opis produktu:</b><br /><br />
    
    Postać Kaczora Donalda wraz z samolotem, zabierze Cię na kolejną ekscytującą przygodę po niebie.<br /><br />
    
Szybuje w górę i w dół, jeździ po torach. Przy odrobinie wyobraźni zabierze Cię we wspaniały świat zabawy i pozostawi niezapomniane emocje.<br /><br />

Kompatybilny z tradycyjnymi, drewnianymi torami kolejowymi BRIO.<br /><br />

Donald może siedzieć w samolocie jako pilot.<br /><br />

Samolot ma obracające się śmigło i koła do jazdy po drewnianych torach.

    </p>
    
    </div>
    <div class="b1">Galeria zdjeć</div>
    <div id="tekst">
    Kliknij na miniaturkę a zobaczysz zdjęcie w większej rodzielczości<br>
    <a href="http://t2.gstatic.com/images?q=tbn:ANd9GcQhew1zXME9KghiNfpLSr-C0Q2NUjKCE8NObpjAZ1EsrEk5ZZ8gSQ" target="_blank">
    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQhew1zXME9KghiNfpLSr-C0Q2NUjKCE8NObpjAZ1EsrEk5ZZ8gSQ" width="200">
    </a>
    
    
    <a href="http://t2.gstatic.com/images?q=tbn:ANd9GcQ3vyZu_Mrvu70XczCsh5mGk4lIto8iR36e_TIkBLAAfNdPMB6p9w" target="_blank">
    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQ3vyZu_Mrvu70XczCsh5mGk4lIto8iR36e_TIkBLAAfNdPMB6p9w" width="200">
    </a>
    <br><br>
     
     <h3>Zapraszam do zakupu</h3>
     
     <p style="text-align: center;"><a href="http://allegro.pl/listing/user.php?us_id=14581390" target="_blank"><h1>Pozostałe moje aukcje</h1></a></p>
     
     </div>
   
   </div>
   
     <div id="clear"></div> 

     <div id="koniec"></div>
   
  </div>
  
 </div>  
 
 </div>
 
<!-- usunieto -->
0

Poszukałem trochę informacji w internecie i sądzicie, że pasek przewijania pojawia się po nadaniu parametru height: 100%?

0

Jakiś kontener z ograniczonym rozmiarem i atrybutem overflow: scroll.

1 użytkowników online, w tym zalogowanych: 0, gości: 1