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