Jump to content

Menu And Validation


Recommended Posts

ok folks heres my problem(s)


1). My menu looks good in I.E but doesnt work in Firefox http://www.casinobandits.com'>http://www.casinobandits.com Does anyone know how to fix it ? or have a Css replacement one?


2). although i have read a few tutorials etc on validation i Have no understanding of it..Infact it totally boggles my head and leaves me extreemly confussed. (which isnt all that hard to do) :)


3). Could someone kindly provide me with a relevent <b>Doctype</b> and <b>charset</b> for both my websites: http://www.casinobandits.com + http://www.guide2casinos.co.uk So i could then check it against validation services and fix required problems ..



many thanks for any help in advance !

Link to comment
Share on other sites



1. The problem looks like you are not forcing to 100% width, hence it is going to two lines in FF, and messing up your menu.


2. Taking validation is basically one line at a time. Use a validator such as http://validator.w3.org/ and read the description of each warning.


In your case the first error is

Error Line 1 column 0: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>".




The checked page did not contain a document type ("DOCTYPE") declaration. The Validator has tried to validate with a fallback DTD, but this is quite likely to be incorrect and will generate a large number of incorrect error messages. It is highly recommended that you insert the proper DOCTYPE declaration in your document -- instructions for doing this are given above -- and it is necessary to have this declaration before the page can be declared to be valid.


3. (Linked to above)... You have to tell it what you want to be encoding in, and hence what it should interpret it as. I would suggest;


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

Link to comment
Share on other sites

The menu looks ok in Firefox on Mac, except that it's wider than the content. But it's all one row for me. I can't view the menu at all in IE because I disabled Javascript in IE and can't find the button to turn it back on right now. It's been that kind of day.


If you want to convert the menu to a CSS solution, Google "Suckerfish dropdowns." There are a lot of tutorials out there, and it's a thing of beauty.


Also, if the menu is only wider than the content in Mozilla browsers, it's probably a box model problem. Briefly, if you have a content element that is, say, 100px wide, and add 10px padding, 10px margins, and 10px border, IE will subtract all the padding/margin/border from the 100px and leave only 40px for the content itself. Mozilla, on the other hand, adds the margins/padding/border to the content width and makes the whole box 160px wide.


So if your javascript menu is setting both the width of each link AND assinging padding, margins, or borders to that link (or any element in the link menu), then in IE it'll fit your content perfectly and in Firefox it'll be too wide. I don't know javascript well enough to even guess where that is happening in your menu file, but that's the sort of issue I'd be looking for.

Link to comment
Share on other sites

Thanks for the reply and help..


but alas i give in and quit ! I cant take it anymore .. Firefox is a complete pile of poop! and im sick to death of these cross browser compatibility issues.. Im re-building my site with left nav in tables and scrapping that horizontal thing altogether .. lol ..


I did try and re-build using 3 colum layout in divs with a top banner. ooh how i laughed at firefox consistenly pushing my content 2 pixels to the right, or IE. pushing it to the left for the last 3 days.. such joy ! such fullfuilment !




HEAD GURU - BIll ? ... still waiting.... ;)





Link to comment
Share on other sites

Sorry you've had a frustrating time of it. These kinds of things can be unnerving to say the least.


Before you give up on Firefox completely, consider the problem may be with Internet Explorer. Every incompatibility I've seen is because IE does it "wrong" but folks assume that it's FF's fault since they are the little guy. In fact, Wikipedia says this:

The Mozilla Foundation takes pride in Firefox's compliance with existing standards, especially W3C web standards. Firefox has extensive support for most basic standards including HTML, XML, XHTML, CSS, ECMAScript (JavaScript), DOM, MathML, DTD, XSL and XPath.


The only good news I have is that IE seems to be getting closer to W3C compliance so this should be a decreasing problem in the future... although that's probably not a big comfort to you now. :)

Link to comment
Share on other sites



Having a look at this in firefox and IE, i can tell that the problem doesnt lye with the Firefox or IE but in the way its coded, ie its done using scripts rather then normal CSS which if done correctley, is quite simple to do.


Also, you have meta tags showing the email address. I would take these out before they get harvested and put into spam blocks



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...