/    Sign up×
Community /Pin to ProfileBookmark

Please help! Page looks perfect in IE but is a little off in FF

Copy linkTweet thisAlerts:
Aug 30.2006

[url]http://www.hrvarealestate.com/americanprideautomotive/[/url]

The page looks like it’s supposed to in IE but it’s off in FF by a little bit any ideas? I have used W3C Markup Validator and it passes except for 1 error that you can see here [url]http://validator.w3.org/check?uri=http%3A%2F%2Fwww.hrvarealestate.com%2Famericanprideautomotive%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1[/url] and I don’t think that error would be causing it. If anybody knows how to fix that error that would be great to…?

Thanks,
Ryan

to post a comment
CSS

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@Rossario123Aug 30.2006 — did you put the css in the validator?

for future reference, code in other browsers then do the fixes in i.e with this simple hack

i.e reads "bad codes".

<i>
</i>* html .MyClassSelector{only the properties that are off in i.e in here}
Copy linkTweet thisAlerts:
@seawindauthorAug 30.2006 — Yes, I used the validator and fixed every error except for that one which I can't figure out but I don't think that's causing the problem anyway. And thanks for the tip will try on next page...

Thanks,

Ryan
Copy linkTweet thisAlerts:
@KDLAAug 30.2006 — FYI - The last error:

Horizontal Rules can be styled with CSS, rather than HTML.

See this page for more information: http://www.netmechanic.com/news/vol5/css_no2.htm

KDLA
Copy linkTweet thisAlerts:
@Rossario123Aug 30.2006 — as wel you can assign it a class or id
Copy linkTweet thisAlerts:
@seawindauthorAug 30.2006 — Okay I fixed that problem now any ideas on the other one?...

Thanks so far!

Ryan
Copy linkTweet thisAlerts:
@WebJoelAug 30.2006 — Perfect in IE but off in Fx? -I'd have said the other way around. In Fx it looks better to me than in IE view... in IE I see missing blue borders everywhere..

It looks as if maybe IE is adding a few pixels to your padding. The blue border, parts of it which are missing in IE, meaning that something else has 'swollen' beyond the defined width. I guess that this is what you mean by "off"?

Add:

<style>

body, html {border:0; margin:0 padding:0;}

</style>[/QUOTE]
to your styles. These rules are what all other browsers do by default. IE "adds a few pixels" for padding, border and margin. This re-sets IE to "zero".

If there is anything in your page that relies upon this, you may 'lose' a pixel or three from some defined elements. Merely increase those by a pixel or two to adjust. But it is unlikely that this will occur..
Copy linkTweet thisAlerts:
@seawindauthorAug 31.2006 — This is what it looks like on my notebook:

http://www.hrvarealestate.com/americanprideautomotive/images/FF-Example.jpg

http://www.hrvarealestate.com/americanprideautomotive/images/IE-Example.jpg

I brought it up on my desktop and your right it is missing some blue borders in IE I don't have FF on my desktop so I'm downloading it now to try it out...

Thanks,

Ryan
Copy linkTweet thisAlerts:
@seawindauthorAug 31.2006 — Okay about the missing blue borders in IE... When I add a layer in to a layer the blue border disappears from the layer that I added the layer in. Hope that makes sense... I'm using dreamweaver if it helps. Any ideas?

Thanks,

Ryan
Copy linkTweet thisAlerts:
@WebJoelAug 31.2006 — I'm not a big fan of Dreamweaver (but do have it and occasionally am forced to use it). Yes, those images, -the first one looks like Firefox view, the second one looks like IE (as your post said). I'd have to look at it closer, but would find myself instead of trying to discover why DW was doing this, would re-write the affected parts. But this is salvageable, -it's just a minor overlapping situation. When I used 'highlight element' extention feature in Fx, it shows the 'inner layer' highlighted, which of course, is 'overlapping' the outer-layer. Therein lies the problem. ? Fixeable.
Copy linkTweet thisAlerts:
@seawindauthorAug 31.2006 — Thanks for all the help so far WebJoel may I ask if it's not to much trouble how it's fixeable... :-)

Thanks,

Ryan
Copy linkTweet thisAlerts:
@KDLAAug 31.2006 — Could it be this?
&lt;script language="JavaScript" type="text/JavaScript"&gt;
&lt;!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&amp;&amp;(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//--&gt;
&lt;/script&gt;

KDLA
×

Success!

Help @seawind 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.19,
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,
)...