Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams


Window within a website?


  • Please log in to reply
&nsbp;

#1 prophet

prophet

    Apprentice Designer

  • Designer
  • 126 posts

Posted 16 April 2004 - 05:32 PM

I hope this doesnt sound too confusing but how do you make a window with its own scroll bar in a website?

Adobe Certified Expert

Adobe Photoshop CS

Adobe Photoshop CS2

Some previous work

http://prophet.fluidvision.net


#2 Neupix

Neupix

    Design Team Member

  • Designer
  • 1,146 posts

Posted 16 April 2004 - 08:42 PM

this window is called an iframe :)

I happen to have written a tutorial about it on my website, which you can view here: http://www.penguinpe...als/iframes.php

Hopefully that helps you!
Neupix Media | Nip Napp! < iPhone App Reviews and News | Citrik Acid

#3 JakSmit

JakSmit

    Apprentice Designer

  • Designer
  • 177 posts

Posted 16 April 2004 - 08:57 PM

yeah, that is what I was going to say.
-- --- - -- ---- - -- ---- -- ---- --- - -- ---
My site: Freelance webdesign

#4 prophet

prophet

    Apprentice Designer

  • Designer
  • 126 posts

Posted 17 April 2004 - 02:39 AM

thanks that helped alot but when i put it in the website for some reason all the images get displaced.

update i think its cause i preview it in mozilla.

update what if i want an image to be the link to the inside of the frame?

Adobe Certified Expert

Adobe Photoshop CS

Adobe Photoshop CS2

Some previous work

http://prophet.fluidvision.net


#5 JakSmit

JakSmit

    Apprentice Designer

  • Designer
  • 177 posts

Posted 17 April 2004 - 10:23 AM

so a link outside the frame changing the content in the frame?
You set the link's frame as the id of the iframe
-- --- - -- ---- - -- ---- -- ---- --- - -- ---
My site: Freelance webdesign

#6 brochris

brochris

    Apprentice Designer

  • Designer
  • 14 posts

Posted 17 April 2004 - 01:26 PM

I'm not sure how widely it is supported, but if you specify dimensions for a div and give it the css property of overflow:auto it will make a scrollbar within the div as needed. I learned this little trick from http://www.csszengarden.com.

#7 JakSmit

JakSmit

    Apprentice Designer

  • Designer
  • 177 posts

Posted 17 April 2004 - 01:35 PM

css is supported in all major browsers
-- --- - -- ---- - -- ---- -- ---- --- - -- ---
My site: Freelance webdesign

#8 losl

losl

    Apprentice Designer

  • Designer
  • 6 posts

Posted 17 April 2004 - 10:56 PM

Don't get overly uppy with your css though :) theres alot of Internet Explorer only things, and alot of stuff doesn't work the same way across different browsers

#9 brochris

brochris

    Apprentice Designer

  • Designer
  • 14 posts

Posted 18 April 2004 - 01:12 PM

Don't get overly uppy with your css though :) theres alot of Internet Explorer only things, and alot of stuff doesn't work the same way across different browsers


Yeah, that's what I meant by "I'm not sure how widely it is supported." I think overflow:auto in divs works in all of the newest versions of the major browsers, but stops working in anything less than that. I wouldn't recommend using it, but then again, i wouldn't recommend using iframes either for the same reason.

The advantage to using css in this case as opposed to an iframe is that browsers that don't support the css version will simply display all of the content of the div without limiting its height and making the scrollbar. The iframe method, if not supported by the browser, displays what is between the tags, ie <iframe>RIGHT HERE</iframe>. If nothing is between the two tags, the browser will not display anything.

So in a way, iframes are counter-productive because in order for non-compliant browsers to see the same information, you would have to insert all of the content from the html file into the file that includes the iframe, or at least insert a link to that file where the iframe should be displayed.

#10 JakSmit

JakSmit

    Apprentice Designer

  • Designer
  • 177 posts

Posted 18 April 2004 - 03:18 PM

go on the w3 site,
tells you if your site is compatible
with all browsers, I think...
if not then dreamweaver mx 2004
does.
-- --- - -- ---- - -- ---- -- ---- --- - -- ---
My site: Freelance webdesign

#11 Lord_Gandalf

Lord_Gandalf

    Apprentice Designer

  • Designer
  • 60 posts

Posted 01 June 2004 - 03:52 PM

You could use javascript to test what browser they have and display iframes if they have a supported browser and plain text if they don't saying they should upgrade their browser.

Something like this should work:
http://javascript.ab...rowsercheck.htm

#12 taz_eat

taz_eat

    Apprentice Designer

  • Designer
  • 26 posts

Posted 25 August 2004 - 09:52 AM

If you dont want it to be another page inside the box such as a link or whatever... (note the code scrollbar uses this mehtod) you can make a div tag and use css to make it scrolling.

see http://www.domedia.o...-div-scroll.php

eg
IN CSS:
<style type="text/css">
<!--
div.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}
-->
</style>

And in your html files...
<div class="scroll">
<p>This is a scrolling are created with the CSS property overflow.</p>
<p>
<span style="color: red;">This is red color</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
<p>This is a normal paragraph.
<span style="font-weight: bold; font-size: 22px;">This is big bold text</span>
</p>
<p>This scrolling are can contain normal html like <a href="index.php">link</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>



References:
http://www.w3schools...s_reference.asp
http://www.domedia.o...-div-scroll.php

edit: fixed css not right...
Visit BGaming.com.

#13 ic3d

ic3d

    Apprentice Designer

  • Designer
  • 60 posts

Posted 27 August 2004 - 11:39 AM

Download and use several browsers to test your work. In that way you can inmidiatelly see which elements you should and which you shouldn't use. So you can also inmidiatelly find another solution.

#14 mastermesh

mastermesh

    Apprentice Designer

  • Designer
  • 20 posts

Posted 02 February 2005 - 01:54 PM

iframes are only supported in i.e. ... go another route..




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users