Style sheets, IFrames and Tables - Part 2 - Resolution

Originally this code had hardcoded style tags and it was impossible to override the layout. Now using style sheets you can override invalid settings. This will look OK in Internet Explorer. (I'm not recommending a solution for any job in general, these are just some notes from a job I'm working on. In fact I would definitely NOT recommend using table tags to do any sort of layout. They are shown here due to their use in the job in question. Tables are for displaying data not defining layout.) iframe.myIFrameStyleSheet { position: absolute; width: 100%; height: 100%; border-style: none; overflow: hidden; frameborder: 0; scrolling: no; allowtransparency: true; } iframe.myIFrameStyleSheet { position: relative; } Take a look at the source code and see that the CSS override section is uncommented.

This is how the page looks now.

First Row
Third Row
-->

Comments

Popular posts from this blog

PHP timezones explained

iPhone Internet Tethering settings