/    Sign up×
Community /Pin to ProfileBookmark

Page works in IE but not Firefox

Copy linkTweet thisAlerts:
Feb 06.2008

I have a had a slight problem in which my page loads correctly in Internet Explorer 7 but incorrectly in Firefox (and perhaps other browsers.) I will try to explain but it’s a little tricky as I really don’t understand it at all.

I run a website in which I have written very basic css, using <div> tags to align text. I recently included a table in one <div> box that appears within the box on IE7 and outside of the box on Firefox. I have no idea how this happens or how to fix it. My understanding of CSS is extremely limited so I wouldn’t know how to tweak it to eliminate this problem.

The specific website URL is [url]http://www.freewebs.com/ayaownsyou/rotation.html[/url]
And the stylesheet URL is located at
[url]http://www.freewebs.com/ayaownsyou/sample.css[/url]

I did try using the HTML validator but it didn’t seem to offer any valid suggestions and only proceeded to confuse me further.

Thank you for your time! I’m really frustrated with this.

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelFeb 06.2008 — "HTML Validator"? The one by TIDY? If you are using that, there is a one-click button that will correct all what, -78(??), "warning" errors. There are quite a few closing tags that are in the wrong place... see screenshot image:

[upl-file uuid=9e9517b6-af1e-488a-8ed9-5949809e3d8b size=21kB]ScreenHunter_5.gif[/upl-file]
Copy linkTweet thisAlerts:
@drhowarddrfineFeb 06.2008 — First things first: You will never get IE to attempt to act like a modern browser, like Firefox, without a proper doctype. You don't have one. Use this on your first line:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
Copy linkTweet thisAlerts:
@CentauriFeb 06.2008 — After getting a doctype on there, the left align on the table is the problem - this effectively "floats" the table and removes it from the document flow. IE will INCORRECTLY enclose floated content. Removing the [COLOR="Blue"]align="left"[/COLOR] from the table html will remove the problem.
Copy linkTweet thisAlerts:
@WebJoelFeb 06.2008 — align="left" shouldn't remove anything from the document flow should it, -but placing a TABLE in a "<p>" might present a problem...

[B]<p>[/B]<table border="0" align="left" cellpadding="15"><tr valign="top">

<td align="center"><font size="2"><img src="http://i80.photobucket.com/albums/j170/ayaownsyou/album_art/SammyShi-JayChouFever.jpg"> <br><br>Album: Jay Chou Fever</td>

<td><font size="2">#1. <b>Sammy Shi - Can't Speak</b>

<br>Chinese | Cpop | Slow Happy...[/QUOTE]

and this...:eek:

[B]<p><p><p>[/B]<tr valign="top"><td colspan="2"><font size="2"><b>Next Rotation:</b> Friday, February 15, 2008 ~Valentine Special~

[B]<p><p>[/B]<!-- Freewebs Sticker -->

<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundgreen.js">

</script></td></tr></table>
Copy linkTweet thisAlerts:
@ayaownsyouauthorFeb 07.2008 — Thank you everyone! You solved my problem. It's much appreciated!
×

Success!

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

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...