All Browsers not Created Equal…

@stmasiFeb 20.2004

Take a look at this site…

~~[url]~~http://www.geocities.com/stmasi/[/url]

I’ve tested with the following browsers:

IE 6
Moz 1.6
FF 0.8
N 7.1
O 7.11

Now, tell me why all browsers EXCEPT for IE show it perfectly?!

No M$ comments needed. 8^{^)>}

In IE, I can see a little white border along the bottom of the iframe between my left, main content div and the footer div.

What the heck is that?!

Any help is appreciated to the Nth.

Thanx.

P.S. Ignore that stupid Geocities banner crap.

to post a comment

CSS

20 Comments(s) _↴

@DaveSWFeb 20.2004 — #What happens if you take out the iframe and put overflow: auto; on #left?

also can you set margins/padding to 0 on the iframe? doubt it will help but worth a go.

#left iframe {

...}

@stmasiauthorFeb 20.2004 — #Actually, without the IFRAME, all is well.

However, if I want to only change the content within that single area of the page, the only way I can think of to do this is with an IFRAME.

Is there another way? Can you redirect to a DIV?

Thanx.

@DaveSWFeb 20.2004 — #Could you use a php include or ssi inside the div?

@stmasiauthorFeb 20.2004 — #8^{^)>}

Not really up on PHP or SSI. How would I do either of those?

Thanx.

@DaveSWFeb 20.2004 — #do you have php support on your server?

@stmasiauthorFeb 20.2004 — #Obviously not on the Geocities one, but on my personal server, here, yes.

Thanx.

@DaveSWFeb 20.2004 — #lol true.

change the file extension to .php, from .html.

Create the file to be included. save with any extension. remember it will just dump the code in the external file into the source code for the page.

Place the code below inside the div where you want the file to appear.

<i>
 </i>&lt;?php include "maintop.php"; ?&gt;

With geocities, obviously... new host needed lol.

@stmasiauthorFeb 20.2004 — #Well, now that little white gap between the main left div and the footer div is gone, but when I click on a link, it opens a new window or replaces the current page with the link.

???

Here's what the code looks like:

----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<style type="text/css" media="projection">

@import "visual.css";

</style>

<style type="text/css" media="screen">

@import "visual.css";

</style>

<link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon" />

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

<meta http-equiv="Content-Language" content="en-us" />

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="imagetoolbar" content="no" />

<meta name="Copyright" content="" />

<meta name="description" content="" />

<meta name="doc-class" content="Living Document" />

<meta name="keywords" content="" />

<meta name="MSSmartTagsPreventParsing" content="true" />

<meta name="Rating" content="General" />

<meta name="ROBOTS" content="ALL" />

<meta name="revisit-after" content="5 Days" />

</head>

<body>

<div id="container">

<div id="header">THIS IS THE HEADER DIV</div>

<div id="left">

<?php include "01.php"; ?>

</div>

<div id="right">

<div id="navcontainer">

<ul id="navlist">

<li><a href="01.php" target="content" title="The First Link">LINK # 1</a></li>

<li><a href="02.php" target="content" title="The Second Link">LINK # 2</a></li>

<li><a href="03.php" target="content" title="The Third Link">LINK # 3</a></li>

<li><a href="04.php" target="content" title="The Fourth Link">LINK # 4</a></li>

<li><a href="05.php" target="content" title="The Fifth Link">LINK # 5</a></li>

<li><a href="06.php" target="content" title="The Sixth Link">LINK # 6</a></li>

<li><a href="07.php" target="content" title="The Seventh Link">LINK # 7</a></li>

<li><a href="08.php" target="content" title="The Eighth Link">LINK # 8</a></li>

<li><a href="09.php" target="content" title="The Ninth Link">LINK # 9</a></li>

<li><a href="10.php" target="content" title="The Tenth Link">LINK # 10</a></li>

<li><a href="11.php" target="content" title="The Eleventh Link">LINK # 11</a></li>

<li><a href="12.php" target="content" title="The Twelfth Link">LINK # 12</a></li>

<li><a href="13.php" target="content" title="The Thirteenth Link">LINK # 13</a></li>

<li><a href="14.php" target="content" title="The Fourteenth Link">LINK # 14</a></li>

<li><a href="15.php" target="content" title="The Fifteenth Link">LINK # 15</a></li>

<li><a href="16.php" target="content" title="The Sixteenth Link">LINK # 16</a></li>

</ul>

</div>

</div>

<div id="footer">THIS IS THE FOOTER DIV</div>

</div>

</body>

</html>
----------

Did I do something wrong?

Thanx.

@DaveSWFeb 20.2004 — #Do I take it those links were supposed to open inside the scrollbars of that page?

If so, an iframe would be a better bet. With php includes, you would have to make a separate page for each.

Perhaps a better idea would be to use the includes for all the markup around the content, and just have the content change.

e.g.

_______________________-

include with all html

above content,

_______________________
Current iframe Content

page

_______________________
Include with all html

below content.

_______________________

then all your links would be to separate pages

@stmasiauthorFeb 20.2004 — #Okay...

If we're back to IFRAMES again, then I'm still stuck with the same problem I began with.

ONLY in IE, I see a white bar between the main left content div and the footer div.

Is there any way at all (even a hack) to get rid of this and make IE display normally as ALL the other browsers do?

Thanx.

@rpassmoreFeb 20.2004 — #this did it for me:

<div style="overflow:hidden " id="left">

@stmasiauthorFeb 20.2004 — #Unfortunately, the DIV is not overflowing as it is currently set to NONE. It is the IFRAME that is creating some sort of extra margin or padding or something similar along the bottom border.

Any other ideas?

Thanx.

@rpassmoreFeb 20.2004 — #you tried it?

when I tested it out, I achieved the desired results?

***edit***

sorry, reread my reply, suppose it could be read as hostile.

I'm not sure as to why this is happening (I'm no expert I'll admit)...but I copied all your pages, don't worry, just for testing this, and it seems it doesn't matter what you do to the IFRAME tag...you'll always have that extra space. maybe it's the way IE handles iframes *within* div's? I tried adding overflow, margin...padding, border, nothing seems to change it. I'm sure you've tried all that too.

but....without adding anything to the IFRAME tag, do the change I suggested, and presto, it works. I only have nav4 and IE6 here at work...so I can't test it on multiple browsers, but it works for IE6. hopefully adding that to the div tag won't effect non-IE browsers.

@aoeguyFeb 20.2004 — #If your using Iframe and you dont want a border...set frameborder="0"

@stmasiauthorFeb 20.2004 — #Thanx rpassmore, it finally did work. I made a typo when I changed none to hidden. Ooops.

Thanx again.

@Ben_RogersFeb 21.2004 — #No! Stay as valid as you can with geo****ties... i reccomend, http://www.t35.com/: any file type, ftp access. And, ah DaveSW... aren't php includes and Server side includes the same thing? As for those, a tad self promo here, but it's needed: http://projep.t35.com/a.php?a=include

i wrote up a nice tutorial on it that shows a way to base your entire site on it. I am strongly against frames of any kind. Also, if you use includes on every page then you'd only need to update the page once, and since SSi's pop the code in it for j4...

@Paul_JrFeb 21.2004 — #[i]Originally posted by omega [/i]

[B]And, ah DaveSW... aren't php includes and Server side includes the same thing?[/B][/QUOTE]
Nope.

[URL=http://www.webdevfaqs.com/php.php#include]Check this link.[/URL]

Omega, I looked at that link you gave

<i>
 </i>&lt;a title="HyperText Markup Language"&gt;HTML&lt;/a&gt;

:rolleyes: C'mon, man. Semantics!

[FONT=courier new]<acronym>[/FONT] isn't a bad thing, you know.

<i>
 </i>&lt;acronym title="HyperText Markup Language"&gt;HTML&lt;/acronym&gt;

?

Also, you need some word wrap in that main <div> you got there. :p

@Ben_RogersFeb 21.2004 — #ah. SHTML. Not available on geosh1tties either. and ive never used acronym... im evil like that. oh yeah.. did my tutorial make any sense lol?

but as for ssi vs. php.... php Pwnz. ssi increases the number of files for me...

@Paul_JrFeb 21.2004 — #[i]Originally posted by omega [/i]

[B]ah. SHTML. Not available on geosh1tties either. and ive never used acronym... im evil like that. oh yeah.. did my tutorial make any sense lol?[/B][/QUOTE]
Well if you want to continue being anti-crappiness, you need to use acronym when appropriate! Lol.

I dunno 'bout your tutorial, I didn't really read it. I already know how to do PHP includes and all that jazz. ?

@Ben_RogersFeb 21.2004 — #is it supported by ie? ya gotta hate it, but everyone i no uses it so....

Also in #CSS _↴

How to create a grid css page to show post or product Altering display of text box Styled Tables to Pure CSS?

Success!

Help @stmasi spread the word by sharing this article on Twitter...

Tweet This

All Browsers not Created Equal…

20 Comments(s) _↴

</html>
----------

Also in #CSS _↴

Success!

Social

Version

All Browsers not Created Equal…

20 Comments(s) ↴

</html> ----------

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

20 Comments(s) _↴

</html>
----------

Also in #CSS _↴