SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Aug 2004
    Location
    NYC
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Scrolling Horizontal Div: How can it be done in a small box??

    I'm having a typical IE problem while working on a site that contains a tricky box or two as seen here:

    http://216.174.104.27/Press.php (the 'in print' box on the left side)

    This div looks and works fine in mozilla/safari on mac, but doesn't work at all right on mac IE (and I'd imagine doesn't work in PC IE either) The Div that is inside the div is set up to have the box appear like an iframe where it scrolls horizontally and is populated with dynamic content.

    This is the relavent html:

    <div id="Press-InPrintImage">
    <img src="Images-GUI/Press/press_in_print_side.jpg" id="image-left" />
    </div>

    <div id="rightwrapper">

    <div id="Press-PrintContainer">
    <div id="Press-PrintContainer-2">
    he Bush administration, which cut off its
    </div>
    </div>


    </div>

    The style sheet can be found here, with the related style code around line 270:

    http://216.174.104.27/styles.css

    Anyone have any thoughts on how I can make this work in IE?

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It looks ok in ie pc so its just the mac that is wrong.

    ie5 mac doesn't like the overflow on the float so just wrap another element inside and put the overflow on that instead.
    Code:
    #rightwrapper {
    	 float:left;
    	 margin-top:10px;
    	 height:125px;
    	 width:150px;
    	 border:1px solid #FF9900;
    	 }
    	 #inner {
    	 overflow: auto;
    	 height:125px;
    	 width:150px;
     
    	 }
    Code:
    <div id="rightwrapper">
    <div id="inner">
    <div id="Press-PrintContainer"> 
    	 <div id="Press-PrintContainer-2">
    		he Bush administration, which cut off its 
    	 </div>
    	</div>
    </div>	
    </div>
    Paul

  3. #3
    SitePoint Member
    Join Date
    Aug 2004
    Location
    NYC
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow, thanks - that was wwwaaaaay easier than I thought.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •