Current location: Hot Scripts Forums » General Web Coding » CSS » DIV Overflow Stacking Issue


DIV Overflow Stacking Issue

Reply
  #1 (permalink)  
Old 05-08-07, 09:42 PM
demon_510 demon_510 is offline
Newbie Coder
 
Join Date: Nov 2005
Posts: 73
Thanks: 0
Thanked 0 Times in 0 Posts
DIV Overflow Stacking Issue

I created an overflow so I can scroll through multiple flash files but they stack them on top of another and I only am trying to achieve horizontal scroll and not horizontal and vertical. Any ideas how to get both .swf's to work side by side and not stacked on top of each other?

Thanks!
HTML Code:
<DIV style="overflow:auto; height:550px; padding:0px; width:540px; margin:0px auto; float:left">
  <embed src="images/bannerGrid01_01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530"></embed><embed src="images/bannerGrid01_02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530"></embed>
</DIV></DIV>
<DIV style="clear:left"></DIV>
Reply With Quote
  #2 (permalink)  
Old 05-08-07, 09:55 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
 
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 3,454
Thanks: 0
Thanked 140 Times in 137 Posts
Try it like this:

HTML Code:
<DIV style="overflow:auto; height:550px; padding:0px; width:540px; margin:0px auto; float:left">
  <span><embed src="images/bannerGrid01_01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530"></embed></span><span><embed src="images/bannerGrid01_02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530"></embed></span>
</DIV></DIV>
<DIV style="clear:left"></DIV>
__________________
Jerry Broughton
Reply With Quote
  #3 (permalink)  
Old 05-08-07, 10:31 PM
demon_510 demon_510 is offline
Newbie Coder
 
Join Date: Nov 2005
Posts: 73
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by job0107 View Post
Try it like this:
Thanks Jerry, but it didnt work for me.
Reply With Quote
  #4 (permalink)  
Old 05-08-07, 11:19 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
 
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 3,454
Thanks: 0
Thanked 140 Times in 137 Posts
Maybe this will work?

HTML Code:
<DIV style="overflow:auto; height:550px; padding:0px; width:540px; margin:0px auto; float:left">
  <embed src="images/bannerGrid01_01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530" style="display:inline;"></embed><embed src="images/bannerGrid01_02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530" style="display:inline;"></embed>
</DIV></DIV>
<DIV style="clear:left"></DIV>
__________________
Jerry Broughton
Reply With Quote
  #5 (permalink)  
Old 05-09-07, 06:56 AM
demon_510 demon_510 is offline
Newbie Coder
 
Join Date: Nov 2005
Posts: 73
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by job0107 View Post
Maybe this will work?

HTML Code:
<DIV style="overflow:auto; height:550px; padding:0px; width:540px; margin:0px auto; float:left">
  <embed src="images/bannerGrid01_01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530" style="display:inline;"></embed><embed src="images/bannerGrid01_02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530" style="display:inline;"></embed>
</DIV></DIV>
<DIV style="clear:left"></DIV>
Sorry that didnt work for me either
Reply With Quote
  #6 (permalink)  
Old 05-09-07, 08:25 AM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
 
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 3,454
Thanks: 0
Thanked 140 Times in 137 Posts
I can think of just one other thing.

HTML Code:
<DIV style="overflow:auto; height:555px; padding:0px; width:540px; margin:0px auto; float:left">
  <table style="border:none;border-collapse:collapse;"><tr><td>
  <embed src="images/bannerGrid01_01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530"></embed>
  </td><td>
  <embed src="images/bannerGrid01_02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1023" height="530"></embed>
  </td></tr></table>
</DIV></DIV>
<DIV style="clear:left"></DIV>
__________________
Jerry Broughton
Reply With Quote
  #7 (permalink)  
Old 05-09-07, 09:33 AM
demon_510 demon_510 is offline
Newbie Coder
 
Join Date: Nov 2005
Posts: 73
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by job0107 View Post
I can think of just one other thing.
Thanks Jerry, that worked. I appreciate it, since I am still very new to CSS I didnt even know that could be done with that method.
Reply With Quote
  #8 (permalink)  
Old 05-09-07, 11:16 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
 
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 3,454
Thanks: 0
Thanked 140 Times in 137 Posts
Your very welcome, thanks for your patience. I am glad I was of some help.
__________________
Jerry Broughton
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Can't Understand java script maverickminds JavaScript 1 07-16-06 01:23 PM
css autoheight issue Rollo Tamasi CSS 2 07-04-06 11:11 PM
Overflow problems Richard CSS 0 01-24-06 09:02 AM
expanding a div to keep image contained pukington HTML/XHTML/XML 0 12-26-05 08:04 AM
CSS Div problem themanmathias CSS 1 09-29-05 08:05 PM


All times are GMT -5. The time now is 02:00 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.