(29-11-2010, 21:40)Grapefruit napisał(a): Proszę o pomoc. Mój problem wygląda następująco. Stworzyłem szablon na allegro, następnie starałem się poskładać go w html z wykorzystaniem css.
Wszystko wyszło w porządku poza jedną rzeczą. Ciężko mi jest to wytłumaczyć więc postaram się to zobrazować:

http://www.grapefruiteffect.viphost.pl/problem.jpg

Obrazek dołączany przez serwis ślizga mi się po layoucie i wpada między kontenerki. Nie wiem w jak prosty sposób sobie z tym poradzić. Chciałbym zamknąć i zablokować layout po stopce tak by obrazek dołączany przez serwis został na swoim miejscu. Szukałem wiele, pytałem wielu, niestety nie znalazłem solucji. Proszę o pomoc.

strona z serwisu: http://allegro.pl/obiektyw-takumar-bayonet-1-2-8-28mm-pentax-k-i1342923841.html

kod:

Kod:

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

<style>

.content {
    background:     #FFFFFF;
    color:         #808080;
    border :     0px;
      margin :     0px;
    padding :     0px;
}

#calosc{
  width :         937px;
  margin :         0px;
}

#prawy{
      width :     240px;
      float :     right;
      position:    relative;
}

#lewy{
      width :     697px;
      float :     left;
}
  
#header {
      width :     937px;
      height :     213px;    
}

#header_left{
    width:         574px;
    background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/header_01.jpg) no-repeat;  
    height:     213px;  
    float:         left;
}

#header_right{
    width:         363px;
    background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//header_02.jpg) no-repeat;  
    height:     177px;  
    float:        right;
}

#button{
    width:         363px;  
    height:     36px;
    float :     right;    
}

#aukcja{
    width:         937px;  
    height:     35px;
    float :     left;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_01.jpg);  
}

#aukcja_opis{
      width:         697px;
    float :     left;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_02.jpg);    
}

#auckja_zdjecia_top{
      width:         697px;  
    height:     48px;
    float :     left;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_04.jpg);    
}

#aukcja_dol{
      width:         697px;
      height:     7px;
    float :     left;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_06.jpg) no-repeat;
}

#kontakt_opis{
      width:         240px;
    float :     right;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_03.jpg);
}

#kontakt_dol{
      width:         240px;
      height:     13px;
    float :     right;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_07.jpg) no-repeat;
}

#kontakt_wysylka{
      width:         240px;
      height:     48px;
    float :     right;    
      background:     url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_05.jpg);
}

ul, ul li {
    display:     block;
    list-style:     none;
    margin:     0;
    padding:     0;
    float:         left
}

.stopka{
  
      font-size:     10px;
      color:        #5a5750;
      font-family:     tahoma;
      margin-top:     0px;
      margin-left:     30px;
    margin-bottom:     50px;    
}

.zdjecia_class_poziom{
      
      border:     2px solid #d2d2d4;
    width:        451px ;
    height:        300px;
    margin-left:     32px;
      margin-top:     24px;
}

.zdjecia_class_pion{
      
      border:     2px solid #d2d2d4;
    width:        300px ;
    height:        451px;
    margin-left:     32px;
      margin-top:     24px;
}

.aukcja_class{
      margin-right:     24px;
      margin-left:     56px;
      margin-top:     24px;
      margin-bottom:     24px;
      color:        #5a5750;
      font-family:     verdana;
      font-size:     12px;
      text-align:    left;
}

.tytul_class{
  
      font-size:     12px;
      font-family:     tahoma;
      font-weight:     bold;
      margin-bottom:     12px;    
}

.kontaktwysylka_class{
      margin-left:     20px;
      margin-right:     25px;
      margin-top:     15px;
      margin-bottom:     15px;
      color:        #5a5750;
      font-family:     verdana;
      font-size:     12px;
      text-align:    left;
}

.ceny li{
    display:    inline;
}
    
.ceny2 li{
      position:    absolute;
      right:        25px;
    display:    inline;
    font-weight:    600;
}
</style>
<center>
<br/>
<div class="content">
<div id="calosc">
    <div id="header">
        <div id="header_left">
        </div>
        <div id="header_right">
        </div>    
        <div  id="button">
            <ul>
                <li><a href="http://www.allegro.pl/my_page.php?uid=16026387"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/button_01.jpg" alt="o mnie" border="0"/></a></li>
                <li><a href="http://www.allegro.pl/show_user_auctions.php?uid=16026387"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/button_02.jpg" alt="moje aukcje" border="0"/></a></li>
                <li><a href="http://www.allegro.pl/show_user.php?uid=16026387"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/button_03.jpg" alt="moje komentatrze" border="0"/></a></li>            
            </ul>
        </div>    
        
    </div>
        
    <!--Głowny top aukcji -->     
    <div  id="aukcja">
    </div>
    
        
        <!--Kontakt -->
        <div id="prawy">
    
            <div id="kontakt_opis">
                <div  class="kontaktwysylka_class">
                mail: <a href="mailto:[email protected]"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//Envelope.gif" style="vertical-align:middle" border="0"/></a><br/>                                        
                gadu gadu : 24488968 <img style="vertical-align:middle" src="http://status.gadu-gadu.pl/users/status.asp?id=24488968&styl=0"/>
                <br/>
                <br/>
                Koniecznie odwiedz stronę <br/>"O mnie", i dowiedz się dlaczego warto wybrać grapefruiteffect.
                </div>
            </div>
            
            <div id="kontakt_wysylka">
            </div>
            
            <div id="kontakt_opis">
                <div class="kontaktwysylka_class">
                Wysyłka Pocztą Polska.<br/>
                Więcej informacji na stornie <a href="http://www.poczta-polska.pl/cennik.htm">Poczty Polskiej.</a>
                </div>
            </div>
            <div id="kontakt_dol">
            </div>
        </div>
        
    
    
        <div  id="lewy">
            <!-- Opis aukcji -->     
            <div  id="aukcja_opis">
                <div class= "aukcja_class">
                
                    <div class="tytul_class">
                    <!-- Tytuł -->
                    Obiektyw TAKUMAR BAYONET 1:2.8 28mm
                    </div>
            
                <!-- Opis -->    
                Chciałbym państwu zaoferować Obiektyw w bardzo dobrym stanie technicznym i wizualnym. Listki przysłony są suche, na próżno doszukiwać się wewnątrz paprochów i innych nieczystości. Optyka idealna, bez pajęczyn, bez zarysowań. Pierścień przysłon działa z należytym oporem.
                Od obiektywu odkleiła się fabryczna naklejka potwierdzająca pomyślne przejście testów, co jest gwarantem jakości i niezawodności obiektywu. Dosyłam ją w komplecie.
                <br/><br/>
                <p class="tytul_class">Specyfikacja</p>
                
                    ogniskowa: 28 mm <br/>
                    zakres przysłon: 2.8 - 22 <br/>
                    ilość listków przysłony: 5 <br/>
                    minimalna odległość ostrzenia: 0,30 m <br/>
                    układ optyczny: 7 elementów w 7 grupach <br/>
                    średnica filtra: 49 mm <br/>
                    waga: 180 g <br/>
                    dekielki: przedni (oryginalny TAKUMAR) i tylni <br/>
                    typ bagnetu: PENTAX-K <br/>
                                
                <br/><br/>
                pozdrawiam Grapefruit Effect
                
                
                
            
                </div>
            </div>
    
            <div  id="auckja_zdjecia_top">
            </div>    
                <div  id="aukcja_opis">
                
                <!-- Zdjecia -->
                    <p style="text-align: center;"><a href="http://grapefruiteffect.viphost.pl/_grapefruiteffect/obiektyw/obiektduzy.jpg"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/obiektyw/obiektmaly.jpg" class="zdjecia_class_poziom"/></a></p>
                    <div class="stopka">
                    kliknij na zdjęcie, aby powiększyć.
                    <br/>
                    </div>
                </div>
            <div  id="aukcja_dol">
            </div>
            
            <!-- Stopka -->
            <div class="stopka">
            <center>
                Kopiowanie i moderowanie treści, zdjęć i kodu html niniejszej aukcji surowo zabrionione bez wyraźnej zgody autora. Wszytskie nadużycia będą zgłaszane.
            </center>
            </div>
        </div>        
</div>    
</div>
</center>

(30-11-2010, 15:17)Grapefruit napisał(a): Dziękuje trybi jak należy.


TEMAT ZAMKNIĘTY