Проблем при центриране на div

monsta

Registered
Момчета проблема е следния.... ето го кода....
Код:
<div style="margin-top: 60px; border: #0070DF; border-style: double; height: 230px; width: 275px; padding-top: 3px">
<div id="flashcontent" align="center">
	To use the <a href="http://www.e-phonic.com/mp3player/" target="_blank">E-Phonic MP3 Player</a>
	you will need <a href="http://www.adobe.com/products/flashplayer/" target="_blank">Adobe Flash Player 9</a> 
	or better and a Javascript enabled browser.
</div>
<script type="text/javascript">
	// <![CDATA[

	var so = new SWFObject("ep_player.swf", "ep_player", "269", "226", "9", "#FFFFFF");
	so.addVariable("skin", "mp3player/skins/nobius_blue/skin.xml");
	so.addVariable("playlist", "playlist.xml");
	so.addVariable("autoplay", "false");
	so.addVariable("shuffle", "false");
	so.addVariable("buffertime", "1");
	so.write("flashcontent");

	// ]]>
</script>
</div>
Та проблема е че след края на този див, искам да направя нов контейнер който всъщност да застане от дясната страна на този и не става и не става, винаги другият див застава под него. Представете си този в ляво и до него искам друг див ... кви чудесии ми се губят ? Моля ви, помогнете ;)
 
monsta каза:
Момчета проблема е следния.... ето го кода....

<div style="margin-top: 60px; border: #0070DF; border-style: double; height: 230px; width: 275px; padding-top: 3px">
<div id="flashcontent" align="center">
To use the <a href="http://www.e-phonic.com/mp3player/" target="_blank">E-Phonic MP3 Player</a>
you will need <a href="http://www.adobe.com/products/flashplayer/" target="_blank">Adobe Flash Player 9</a>
or better and a Javascript enabled browser.
</div>
<script type="text/javascript">
// <![CDATA[

var so = new SWFObject("ep_player.swf", "ep_player", "269", "226", "9", "#FFFFFF");
so.addVariable("skin", "mp3player/skins/nobius_blue/skin.xml");
so.addVariable("playlist", "playlist.xml");
so.addVariable("autoplay", "false");
so.addVariable("shuffle", "false");
so.addVariable("buffertime", "1");
so.write("flashcontent");

// ]]>
</script>
</div>

Та проблема е че след края на този див, искам да направя нов контейнер който всъщност да застане от дясната страна на този и не става и не става, винаги другият див застава под него. Представете си този в ляво и до него искам друг див ... кви чудесии ми се губят ? Моля ви, помогнете ;)
Пробвай да зададеш на двата
Код:
float:left;
 
Код:
  <div class="left">
      Lorem ipsuim is simply dummy texr.
  </div>
 <div class="right">
  
      <div id="flashcontent"></div>
      <script type="text/javascript">
          // <![CDATA[

              var so = new SWFObject("ep_player.swf", "ep_player", "269",  "226", "9", "#FFFFFF");
             so.addVariable("skin", "mp3player/skins/nobius_blue/skin.xml");
             so.addVariable("playlist", "playlist.xml");
             so.addVariable("autoplay", "false");
             so.addVariable("shuffle", "false");
            so.addVariable("buffertime", "1");
            so.write("flashcontent");

         // ]]>
        </script> 

  </div>
<div style="clear:both;"></div>
Код:
.left{
  float:left; width:300px;
}

.right{
  float:left; width:300px;
}
 

Back
Горе