Div na prawą stronę

0

Witajcie.

Mam szablon wygenerowany przez alleszablony, trochę pozmieniałem leąa kolumnę i przesuneło mi diva z opisem aukcji. Chciałbym, żeby był w mejscu, które zaznaczyłem.
Podpowiecie jak to zrobić?

 <style type="text/css">
    <!--
    html, body,h1, h2, h3, h4, h5, h6,a, abbr, acronym, em, p, strong,address, blockquote, cite, q,dd, dfn, dl, dt, li, ol, ul,code, kbd, pre, samp, tt, var,big, del, ins, small,caption, table, tbody, td, tfoot, th, thead, tr,fieldset, iframe, img, menu {margin: 0;padding: 0;border: none;outline: none;font-style: inherit;font-weight: inherit;font-size: 100%;line-height: inherit;text-align: inherit;text-decoration: inherit;        color: inherit;}html, #bauction { color: #000; }html, body, input, option, optgroup, select { font-family: sans-serif; } /* customizable */textarea, input, option, optgroup, select { font-size: 100%; }ol, ul, menu { list-style: none; }code, kbd, pre, samp, textarea, tt, var { font-family: monospace; }table { border-collapse: collapse; border-spacing: 0; }legend, hr { display: none; }.clear {clear: both;}strong{font-weight: bold;}ul li ul {list-style: disc outside none;}img {vertical-align: bottom;}a { text-decoration: none; color:#000;}a:hover { text-decoration: underline;}.clear { clear: both; float: none; }#bauction {font-family:arial;font-weight:normal;font-size:19px;background: url(http://panel.aleszablony.pl/uploads/templates/592/images/background.png);}#esp_content {width: 1000px;margin:0 auto;padding-bottom:20px;background:#fff;}#tresc {min-height: 1000px;}#opis > .tresc {color:#000;padding:20px;font-size:15px;margin:8px 0px 8px 0px;}#opis > .zdjecia { text-align:center;}.esp_left {    width:254px;float:left;}.esp_right {width:745px;float:right;}.esp_right #opis ul {list-style: url(http://panel.aleszablony.pl/uploads/templates/592/images/list.png);padding-left:25px;}.esp_right #opis li {padding-left:28px;font-size:15px;}

#opis #galeria {text-align:center}

#naglowek_logo {overflow:hidden}
    -->
    </style>

    <div id="bauction" style="background: url(http://panel.aleszablony.pl/uploads/templates/487/images/background.png);">    
        <div id="esp_bg">    
            <div id="esp_content">        
                <div id="naglowek_logo"><img src="http://imge.pl/aleszablony/users/31463/277709/naglowek_logo.png#9075b" /></div>        

                <div id="style_i_menu" class=""><img src="http://imge.pl/aleszablony/users/31463/277709/menu.png#e60d3" usemap="#mapa1" />
                    <map name="mapa1">
                        <area style="background:red;" shape="rect" coords="0,0,250,250" href="http://allegro.pl/listing/user/listing.php?us_id=21890481" />
                        <area shape="rect" coords="0,0,250,250" href="#" />
                        <area shape="rect" coords="250,0,500,250" href="http://allegro.pl/show_user.php?search=new-form_pl&amp;search_scope=user" />
                        <area shape="rect" coords="500,0,750,250" href="http://allegro.pl/my_page.php?uid=21890481" />
                        <area shape="rect" coords="750,0,10000,250" href="http://allegro.pl/SendMailToUser.php?userId=21890481" />
                    </map></div>             

                <div id="style_i_naglowek_opisu" class=""><span style=""></span></div>
                <div id="style_i_naglowek_opisu" class=""><span style=""></span></div>
                <div id="tresc">        
                    <div class="esp_left">            

                        <div id="style_i_kontakt" class="">            
                            <div id="kontakt_style">            
                                <style type="text/css">
                                <!--
                                #kontakt {width:235px;font-size:15px;color:#fff;}
#kontakt .naglowek {width:235px;height:64px;line-height:50px;font-family:'Lobster-niestandardowa';text-align:center;color: #fff;font-size:22px;background: url(http://panel.aleszablony.pl/uploads/templates/592/images/naglowek_panel_informacyjny.png) no-repeat;}
#kontakt .tresc {background: #f3f1f1;padding:10px;color:#2e2d2d;min-height:116px}
#kontakt .tresc ul {margin-bottom:10px;}
#kontakt .lista_ikona{width: 58px;float: left;height:52px;}
#kontakt .lista_tresc{width: 141px;min-height:50px;float: left;margin-left: 16px;line-height: 20px;font-size:14px;}
#kontakt  #tel_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i8.png) top right no-repeat;}
#kontakt #email_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i2.png) top right no-repeat;}
#kontakt  #zegar_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i20.png) top right no-repeat;}
#kontakt  #walizka_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i12.png) top right no-repeat;}
                                -->
                                </style>            </div>            

                            <div id="kontakt">
                                <div class="element"><img src="http://imge.pl/aleszablony/users/31463/277709/kontakt.png#ced7e" /></div>
                                <div class="tresc">
                                    <ul>
                                    </ul>
                                    <div id="tel_ikona" class="lista_ikona element grafika nr_grafiki2">&nbsp;</div>
                                    <div class="lista_tresc"><span style="font-weight: bold;">telefon</span><br />
                                        XXX XXX XXX</div>
                                    <div class="clear">&nbsp;</div></div>
                                <!--
                                koniec kontakt
                                -->
                                            </div>            

                            <div id="style_i_wysylka" class="">            

                                <div id="wysylka_style">            
                                    <style type="text/css">
                                    <!--
                                    #wysylka {width:235px;font-size:15px;color:#fff;}
#wysylka .tresc {padding:20px;background: #f3f1f1;margin-top:0px;color:#2e2d2d;min-height:116px}
#wysylka .naglowek {width:235px;height:64px;line-height:50px;font-family:'Lobster-niestandardowa';text-align:center;color: #fff;font-size:22px;background: url(http://panel.aleszablony.pl/uploads/templates/592/images/naglowek_panel_informacyjny.png) no-repeat;}
#wysylka .opis{margin-bottom:9px;}
#wysylka .naglowek-opcje-wysylki {margin-bottom:25px;}
#wysylka .opcje-wysylki {width:200px;height:50px;}
#wysylka .opcje-wysylki.poczta {background: transparent url(http://foto.esprzedaz.com/icos/k10.png) top center no-repeat;}
#wysylka .opcje-wysylki.ups {background: transparent url(http://foto.esprzedaz.com/icos/k8.png) top center no-repeat;}
#wysylka .oplaty {margin-top:12px;margin-bottom:8px;}
                                    -->
                                    </style>            </div>            

                                <div id="wysylka">
                                    <div class="element"><img src="http://imge.pl/aleszablony/users/31463/277709/wysylka.png#c7f0c" /></div>
                                    <div class="tresc">
                                        <div class="naglowek-opcje-wysylki"><span style="font-weight: bold;">Paczki wysyłamy</span></div>
                                        <div class="lista_kurierow">
                                            <div class="kurier">
                                                <div class="hr-line">&nbsp;</div> 
                                                <div class="poczta opcje-wysylki element grafika nr_grafiki2" style="background-image: url(http://foto.esprzedaz.com/icos/k1.gif);">&nbsp;</div></div></div></div></div></div>            
                            <div id="style_i_platnosci" class="">            
                                <div id="platnosci_style">            
                                    <style type="text/css">
                                    <!--
                                    #platnosci {width:235px;font-size:15px;color:#fff;}
#platnosci .tresc {padding:20px;color:#2e2d2d;background: #f3f1f1;min-height:116px}
#platnosci .naglowek {width:235px;height:64px;line-height:50px;font-family:'Lobster-niestandardowa';text-align:center;color: #fff;font-size:22px;background: url(http://panel.aleszablony.pl/uploads/templates/592/images/naglowek_panel_informacyjny.png) no-repeat;}
#platnosci p{margin-bottom:26px;}
#platnosci .text_1 {font-weight:bold;}
                                    -->
                                    </style>            </div>            

                                <div id="platnosci">
                                    <div class="element"><img src="http://imge.pl/aleszablony/users/31463/277709/platnosci.png#ddf3e" /></div>
                                    <div class="tresc">
                                        <p class="text_1">Przyjmujemy płatności</p>
                                        <p><img src="http://foto.esprzedaz.com/icos/platnosci_pko_bp.png" /></p>
                                        <p>XXXX XXXX XXXX XXXX XXXX XXXX XXXX</p><br />
                                        </div></div>
                                <!--
                                koniec platnosci
                                -->
                                            </div>            

                            <div id="style_i_panel_promocyjny_1" class="">                 

                                <div id="panel_promocyjny_1_style">    
                                    <style type="text/css">
                                    <!--

                                    -->
                                    </style>            </div>            
                        </div> </div>
                        <div class="esp_right">            

                            <div id="style_i_banner" class="">               

                                <div id="banner_style">            
                                    <style type="text/css">
                                    <!--

                                    -->
                                    </style>            </div>            
                        </div>
                            <div id="gora_opisu">&nbsp;</div>            
                            <div id="opis">            
                                <div id="style_i_naglowek_opisu" class=""><span style=""></span></div>            
                                <div class="hr">&nbsp;</div>            
                                <p class="tresc">      Lorem ipsum dolor sit amet, consectetur adipiscing el</p>    

                                <p id="galeria">&nbsp;</p>
                                <div style="text-align:center;">      <br />
                                    </div>            
                                <p>&nbsp;</p>            
            </div>
                            <div id="domkniecie_opisu">&nbsp;</div> </div>            
                        <div class="clear">&nbsp;</div> 

        </div>       
   </div>   </div>
            <div style="background: #fff; width: 1000px; margin: auto; padding-bottom: 20px;">
                <!--
                POCZATEK KODU PANEL MINIATUREK
                -->

                <!--
                KONIEC KODU PANEL MINIATUREK
                -->
                </div>
            <div id="dodatkowy_box" style="text-align:center;"><a href="http://panel.aleszablony.pl/1.php"><img src="http://panel.aleszablony.pl/users/31463/277709/1.png" /></a></div></div></div>
0

Przenieś div.esp-right powyżej div.esp-left

https://embed.plnkr.co/h6OleQpj6kWHYofwJXvl/

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