471,599 Members | 1,352 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,599 software developers and data experts.

Styling in Firefox

Jon
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.aspx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

Can anyone please advise as I'm pulling my hair out!

Thanks,

Jon

Oct 16 '07 #1
5 1778
On Tue, 16 Oct 2007 16:27:42 +0200, Jon <Jo*******@gmail.comwrote:
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.aspx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

Can anyone please advise as I'm pulling my hair out!
Fix these first:
http://validator.w3.org/check?verbos....aspx%3Fid%3D1

The quick reason for different behaviour besides tagsoup btw: MSIE
incorrectly stretches the container to contain floats, Firefox doesn't.
--
Rik Wasmus
Oct 16 '07 #2
Jon pisze:
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.aspx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

Can anyone please advise as I'm pulling my hair out!

Thanks,

Jon


in:

..post {...} in style.css

get rid of: height:160px;

and add: overflow:hidden;
to force float clearing.

And read this:
http://www.positioniseverything.net/easyclearing.html
to read how floats behave
--
Janusz 'Kali' Kaliszczak
Hint: OdpisujÄ…c na priva zdebuguj adres
Oct 16 '07 #3
Jon wrote:
I'm having some problem with CSS errors.
Your CSS validates, but your (X)HTML has errors.

<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nantwichonlin e.com%2FEstablishment.aspx%3Fid%3D1>
"This page is not Valid XHTML 1.0 Strict!
Result: Failed validation, 29 Errors"
In IE, everything looks great, but in FF the footer is appearing in
the middle of the site. The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.aspx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.
First things first. Fix the errors and try again. Not all browsers
compensate for author mistakes in the same fashion.

Oh, and please fix the font size, so the majority of humans with average
eyesight can read it. font: 0.74em is only 3/4th of my default size.
http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck
Oct 16 '07 #4
Jon wrote:
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

Not is IE7, looks just like FF! (Looks a you "wish" in IE6), but your in
quirks mode so chances are it ain't going to happen. Need to fix your
makeup.

http://validator.w3.org/check?verbos....aspx%3Fid%3D1
[Invalid] Markup Validation of
http://www.nantwichonline.com/Establishment.aspx?id=1 - W3C Markup Validator

>
The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.aspx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.
No need we can see this is a legitimate question, no real need to munge
the address.
>
Can anyone please advise as I'm pulling my hair out!
Also markup is just....hmmm well not really very good. You create pseudo
heading with <band <br>'s where you should use <h#>, stuff like this:

<p><strong></strong></p>

Overly complicated nested <div>'s and <span>'s

Here is a bad start:

body {
padding: 0;
margin: 0;
font: 0.74em Arial, Helvetica, sans-serif;
^^^^
Don't start out with micro text...

and all your block are defined in pixels, guess what happens when you
enlarge the text?

So the point of my litany here is you could spend a tremendous amount of
time chasing the one(or more factors) that is causing the problem. I'd
say better to start a fresh, and do so more simply and with semantic
markup. Avoid quirks mode because once triggered inter-browser
inconsistency will be lost. Fix your errors. Do not design with IE6 and
then check with Firefox for problems but start the other way around.
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Oct 16 '07 #5
Jon
On 16 Oct, 16:54, "Jonathan N. Little" <lws4...@centralva.netwrote:
Jon wrote:
Hello all.
I'm having some problem with CSS errors.
In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

Not is IE7, looks just like FF! (Looks a you "wish" in IE6), but your in
quirks mode so chances are it ain't going to happen. Need to fix your
makeup.

http://validator.w3.org/check?verbos...2Fwww.nantwich...
[Invalid] Markup Validation ofhttp://www.nantwichonline.com/Establishment.aspx?id=1- W3C Markup Validator
The link which is causing the problems is below:
www dot nantwichonline dot com/Establishment.aspx?id=1
You can see that the orange links appear in the middle of the screen,
but should be at the bottom.
I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

No need we can see this is a legitimate question, no real need to munge
the address.
Can anyone please advise as I'm pulling my hair out!

Also markup is just....hmmm well not really very good. You create pseudo
heading with <band <br>'s where you should use <h#>, stuff like this:

<p><strong></strong></p>

Overly complicated nested <div>'s and <span>'s

Here is a bad start:

body {
padding: 0;
margin: 0;
font: 0.74em Arial, Helvetica, sans-serif;
^^^^
Don't start out with micro text...

and all your block are defined in pixels, guess what happens when you
enlarge the text?

So the point of my litany here is you could spend a tremendous amount of
time chasing the one(or more factors) that is causing the problem. I'd
say better to start a fresh, and do so more simply and with semantic
markup. Avoid quirks mode because once triggered inter-browser
inconsistency will be lost. Fix your errors. Do not design with IE6 and
then check with Firefox for problems but start the other way around.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com
Thank you to everyone who has help. We've fixed a number of issues and
are working though the rest.

All the best,

Jon

Oct 16 '07 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by johnSteve | last post: by
10 posts views Thread by Thomas Mlynarczyk | last post: by
10 posts views Thread by matt_randle | last post: by
6 posts views Thread by Peter Marquis-Kyle | last post: by
4 posts views Thread by Eric Lindsay | last post: by
40 posts views Thread by Jukka K. Korpela | last post: by
2 posts views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.