Results 1 to 2 of 2

Thread: alternative to iframe in css?

  1. #1
    Join Date
    Dec 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default alternative to iframe in css?

    Here is my site so far:
    http://www.kisssmileandskincare.ca/new/

    It's fine on Firefox but the content in the frame doesn't show up on Internet Explorer.

    I know people hate iframes. Is there a css workaround (so that I can still have scrolling content within a contained area)?

    Thanks in advance!!!

    Some other links:
    http://www.kisssmileandskincare.ca/new/A_home.htm
    http://www.kisssmileandskincare.ca/new/style.css
    http://www.kisssmileandskincare.ca/new/iframe.css

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Make a div. Set a height and width with overflow set to auto for that div. Put content you had in iframe in that div.

    ie(example yay)
    CSS
    Code:
    #thiswasmyiframenowiusecssYAY {
    height:100px;
    width100px;
    overflow:auto;
    }
    HTML
    Code:
    <div id="thiswasmyiframenowiusecssYAY">
    <p>
    YADAYADAYADAYADAYA DAYADAYADAYADAYADAYADAYADAYADAYADAYADAYADA
     I want an image <img src="myimagewahooo.jpg" style="float:left;" /> there's my image 
    well well well i wonder if this is 101 pixel yet to show the scroll bar if its not but you
     always want the scroll bar there change the overflow to scroll</p></div>
    For more info http://www.456bereastreet.com/lab/cssframes/
    Last edited by bluewalrus; 12-23-2008 at 01:48 AM. Reason: made example then had closing div out of [/code]

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
  •