CSS tutorials: Scrollbars
You know that: You put much effort in adjusting your IFrame and you're happy about the result showing in the Internet Explorer, but it looks all different with Firefox. Moreover, many people are currently switching to Firefox. It isn't that difficult to adjust your design for Firefox. So this is how you do it:01. Code your layout as usual and create the appropriate stylesheet.
02. Launch your graphics program and cut out the part that's by the place of your IFrame. (If you've got a coding program such as Dreamweaver you can see exactly where the IFrame ends).
03. Open your stylesheet and have a look at the BODY-part. You now have to specify the general settings.
body
{
background-color: #cccccc; // general background-color
background-image: url('bg.jpg'); // the background-image
background-repeat: repeat-y; // image repeats in upright direction
overflow-x: hidden; // no scrollbars in horizontal direction
}
Short form
body
{
background: #cccccc url('bg.jpg') no-repeat ;
overflow-x: hidden;
}
 |
 |
|
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||
|
 |
|
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||
|
 |
|
|||||||||||||||||||||
|
|||||||||||||||||||||||
|
 |
|
||||||||||||||||||
|
||||||||||||||||||||
