Positioning in CSS

Dev Shed Forums Sponsor:

January 26th, 2003, 01:43 AM

Benahimvp

The Basketball Star

Join Date: Aug 2001

Location: H-Town

Posts: 550

Time spent in forums: < 1 sec
Reputation Power: 12

Positioning in CSS

Recently I have begun to use CSS to do basically everything to do with positioning and aesthetics. Trying to move into the XHTML standard. Anyway, I used CSS to position pictures and text on a page of mine and it works perfectly in IE 6.0, NS6, and Mozilla 1.2. But then I had an <iframe> that I'm inserting in the center of the page. Now the <iframe> appears in all browsers, but is only centered in IE. Here's the code I used:

PHP Code:


		
			
 CSS:



div.frame { position: absolute; top: 19px; left: 144px };



HTML:



<div class="frame"><iframe src="home.html" name="page" width="707" height="425" frameborder="0"></iframe></div>

Like I said, that only works in IE 6.0. I'm wondering why it doesn't work for the other two. I'd understand if positioning altogether didn't work for the other two, but it seems to only not work for the <iframe>. I was forced to create an entirely new page for the other two browsers so it'd look good. Here's what I did:

PHP Code:


		
			
<table width="980">

    <tr>

        <td colspan="2"><img src="pixel.gif" width="0" height="12" alt="Pixel" /></td>

    </tr>

    <tr valign="top">

        <td width="116">&nbsp;</td>

        <td width="707"><iframe src="home.html" name="page" width="707" height="425" frameborder="0"></iframe></td>

    </tr>

</table>

Here's Page #1 and Page #2.

Thanks for all the help!

__________________
-Ben Ilegbodu
(Around the Bend Web Designs)

January 26th, 2003, 03:39 AM

bricker42

Moderator =(8^(|)

Dev Shed Intermediate (1500 - 1999 posts)

Join Date: Feb 2002

Location: Sacramento, CA

Posts: 1,710

Time spent in forums: 20 m 38 sec
Reputation Power: 13

Try putting the style directly on the iframe. That might make a difference.

Also, I don't have IE to test with, but in mozilla & phoenix I can't scroll the iframe or highlight the contents. Both page work peachy in Konqueror, though.

__________________
-james

January 26th, 2003, 03:51 AM