Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

div layout problem

 
Jim Harrison
Ranch Hand
Posts: 30
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello,

I have the following layout


The following is the CSS for the ID elements:



When the user clicks a button in the rightside_div, I have the following javascript execute:



that covers all the left/right side divs and shows the slideshow_div. In Firefox 3.0+, this all works great. However IE 7 only covers the rightside_div and expands over to the right.

I've tried _top: -300px; and that doesn't shift the slideshow_div left.

How can I change my layout to have the desired effect of the slideshow covering both the left/right sides after the user clicks that button?

Thanks,Jim

 
Ankit Garg
Sheriff
Posts: 9510
22
Android Google Web Toolkit Hibernate IntelliJ IDE Java Spring
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I'm not sure what you are trying to achieve here, but consider using position:absolute for our slideshow_div...
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64683
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I'm also not sure what desired behavior is being described, but I generally avoid absolute positioning as it usually introduces more problems than it solves.
 
Cloudgen C.F. Wong
Greenhorn
Posts: 19
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
If you want to cover both the leftside_div and rightside_div by the slideshow_div, is it simplier for you hide both and leftside_div and rightside_div?
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic