Hey Wasup,
I'm just getting a feel for CSS and I was wondering can a Iframe be used with CSS? If so do you recommended it be used? And do you now how to implement it on the website?
Thanks Much!Originally posted by robzdesigns
Hey Wasup,
I'm just getting a feel for CSS and I was wondering can a Iframe be used with CSS? If so do you recommended it be used? And do you now how to implement it on the website?
Thanks Much!
Can it be? Yes
Should it be? No
iframes arent necessary. If you want the same effect basically just use a <div> with overflow: auto; If you need more help with this, let us know and we'll be glad to help.Thanks for the reply, so your saying I can get the same effect of a iframe using a <div> with overflow: auto; ?
How does it work? and Yes, I do need more help and will appreciate your help!It will give the same look as an iframe but not the same actions you cannot get pages to load up into the divs such as what the iframe does, but you can serve the content to change from page to page.Now I'm starting to understand, but some people don't recommend using iframe. Is there a code for scrollable div's?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Scrollable DIV</title>
<style type="text/css">
div.scroll {
width: 200px;
height: 300px;
overflow: auto;
margin: 0;
padding: 1em;
background-color: silver;
color: black;
}
</style>
</head>
<body>
<h1>Lorem Ipsum</h1>
<div class=scroll>
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
</div>
</body>
</html>Originally posted by robzdesigns
Now I'm starting to understand, but some people don't recommend using iframe. Is there a code for scrollable div's?
the code for the scrollable divs is : <div style="width:#px; height:#px; overflow: auto;">content</div>
u'd want to put the css externally though
also, as sharkey said, you wont be able to link specific content to load in it by itself, but this is unneccesary anyways. You can also do some stuff to help with it using a server-side language i believe, though i dont know one yet so still have to learn about all that soon
also, so you know why iframes are frowned apon instead of just that they are ill give you a reason or two. First off, iframes break the ability for the use to use the bookmark feature efficiently as it was intended. Next, iframes are bad for SEO (seach engine optimization).pawky thanks for clearing that up, now from reading of all of the reply's I understand the reason why iframes should be junked! especially for the SEO reason. I might consider using a scrollable div with the code provided above. Thanks
awesome glad to be of assistance. and if you need any help getting a scrollable div to work let us know 
I'm just getting a feel for CSS and I was wondering can a Iframe be used with CSS? If so do you recommended it be used? And do you now how to implement it on the website?
Thanks Much!Originally posted by robzdesigns
Hey Wasup,
I'm just getting a feel for CSS and I was wondering can a Iframe be used with CSS? If so do you recommended it be used? And do you now how to implement it on the website?
Thanks Much!
Can it be? Yes
Should it be? No
iframes arent necessary. If you want the same effect basically just use a <div> with overflow: auto; If you need more help with this, let us know and we'll be glad to help.Thanks for the reply, so your saying I can get the same effect of a iframe using a <div> with overflow: auto; ?
How does it work? and Yes, I do need more help and will appreciate your help!It will give the same look as an iframe but not the same actions you cannot get pages to load up into the divs such as what the iframe does, but you can serve the content to change from page to page.Now I'm starting to understand, but some people don't recommend using iframe. Is there a code for scrollable div's?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Scrollable DIV</title>
<style type="text/css">
div.scroll {
width: 200px;
height: 300px;
overflow: auto;
margin: 0;
padding: 1em;
background-color: silver;
color: black;
}
</style>
</head>
<body>
<h1>Lorem Ipsum</h1>
<div class=scroll>
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum<./p>
</div>
</body>
</html>Originally posted by robzdesigns
Now I'm starting to understand, but some people don't recommend using iframe. Is there a code for scrollable div's?
the code for the scrollable divs is : <div style="width:#px; height:#px; overflow: auto;">content</div>
u'd want to put the css externally though
also, as sharkey said, you wont be able to link specific content to load in it by itself, but this is unneccesary anyways. You can also do some stuff to help with it using a server-side language i believe, though i dont know one yet so still have to learn about all that soon
also, so you know why iframes are frowned apon instead of just that they are ill give you a reason or two. First off, iframes break the ability for the use to use the bookmark feature efficiently as it was intended. Next, iframes are bad for SEO (seach engine optimization).pawky thanks for clearing that up, now from reading of all of the reply's I understand the reason why iframes should be junked! especially for the SEO reason. I might consider using a scrollable div with the code provided above. Thanks
awesome glad to be of assistance. and if you need any help getting a scrollable div to work let us know