14 replies [Last post]
skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Hi Guys/Gals

Can you please have a look at this right nav (Hot News) and tell me why it's not padding in Firefox as it does so nicely in IE.

http://psv2.lookhere.co.za/

Thanks...

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Right Nav not lining up in FF as it does in IE

it's going to be the same reply as I gave you in your first post which strangely you never responded to! :?

http://www.csscreator.com/css-forum/ftopic18591.html

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Right Nav not lining up in FF as it does in IE

Quote:
Incomplete DTD = quirks mode, needs fixing first.

What are all the proprietary attributes in use ? page will never validate with them sadly, or not depending on ones point of view.

Hugo.

Sorry about that Hugo...get very caught with other thibgs at times.

I am not sure what you mean by the DTD needs fixing...what am I meant to be using?

Thanks again

larmyia
Offline
Elder
London
Last seen: 13 years 11 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

Right Nav not lining up in FF as it does in IE

[email protected] wrote:

I am not sure what you mean by the DTD needs fixing...what am I meant to be using?

:? You really need to do some reading up on DTD.

DTD = Document Type Definition (aka Doctype)

check out Hugo's sig....and read Wink

also there's heaps of good articles and links in the HOW TO Section that you might find useful.

skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Right Nav not lining up in FF as it does in IE

larmyia wrote:
check out Hugo's sig....and read Wink

I did click on that link but it goes to a dead page...

Will see if I can find some answers in the How To section thanks...

Laughing out loud

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Right Nav not lining up in FF as it does in IE

:? The links seem to be fine, however here's an appropriate full DTD to match the trans your using at the moment:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">


But do do a little reading as it will help you to know what difference this will make.

Paste the DTd into the page and see if that sorts things out and post back with the results, and we can take it from there.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

larmyia
Offline
Elder
London
Last seen: 13 years 11 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

Right Nav not lining up in FF as it does in IE

[email protected] wrote:

I did click on that link but it goes to a dead page...
Laughing out loud

Shock works for me

this is the link

http://www.alistapart.com/articles/doctype/

skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Right Nav not lining up in FF as it does in IE

Hugo wrote:
This is the error I get when I click on your link Hugo:

Server Error
The following error occurred:

[code=CANT_CONNECT] Could not connect because of networking problems. Contact your system administrator.

I've put your DTD in but still having the same problem...

http://psv2.lookhere.co.za/

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Right Nav not lining up in FF as it does in IE

Don't use padding, try setting the width p#indent3 to around 140px and centering the text.

Code for FF as it will give you the accurate version of what you're asking the page to do IE is the incorrect version due to the mishandling of many properties.

I would run your page through the validator as there are a few markup errors to fix.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Right Nav not lining up in FF as it does in IE

Thanks Hugo, I will give that a try now...

Quote:
This is the 4th time I have now heard people saying that it's best to develop in FF and then fix for IE. Is there more information I can read somewhere on this ?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Right Nav not lining up in FF as it does in IE

[email protected] wrote:


Quote:
This is the 4th time I have now heard people saying that it's best to develop in FF and then fix for IE. Is there more information I can read somewhere on this ?


You don't need to read upon anything.

In fact it's not best, it's imperative if you wish to write effective code.

FF is the closest browser to implementing properties as near to the specs as possible, which means if code works and displays correctly in FF then you have done things correctly and adjustments for IE will be minor , you then fix up IE to correct it's non-standard handling of properties, do it the other way round and you will be in a mess as you have coded to incorrect handling of the specs. and now have to adjust things to display properly in FF and there will be more to deal with.

FF is your development browser you should just be checking things are ok in IE.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 3 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Right Nav not lining up in FF as it does in IE

You can read plenty in this forum; almost every thread. Smile

The logic is this: You want a well behaved testbed to watch what happens as you code. By well behaved, I mean that it closely follows the recommendations for html and css, and for the DOM and javascript, too, for that matter. At this time Firefox is the best of the breed among browsers available on PCs.

If you code correctly, as rendered by FF, you can depend on consistent results for any changes. Else, if you code to render well on a browser with limited and buggy support for the recommendations, then you must write code that is buggy and so inconsistent across changes.

In IE's case, the bugs and lack of support for css and html are generally well known as are the fixes and work-arounds. You can write standard code, then make it work for IE. If you write buggy code for IE, it is damned near impossible to make it work for modern browsers.

And that's all the reading you really need on that subject. Laughing out loud

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Right Nav not lining up in FF as it does in IE

That really puts my mind at ease...it really does! Thanks Hugo.

Seems we found the problem with the padding eventually. It doesn't like the hyphen, so we needed to seperate it from the words... ie...

straight-through-processing

to

straight-through- processing

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Right Nav not lining up in FF as it does in IE

Yes and no, my solution was for a reason, but no matter.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

skynarc
skynarc's picture
Offline
Regular
Last seen: 12 years 16 weeks ago
Joined: 2006-05-10
Posts: 32
Points: 0

Right Nav not lining up in FF as it does in IE

Thanks Hugo, I will most certainly look through the DTD stuff...