CSS Problems

[Mhtml]

Check out this page: http://mhtml.ithium.net/new .
In IE it works fine, in Opera I can't style <div> and in mozz it just goes all over the place, well actually to the right and vertical.

This is my first real attempt at a non tabled website so any insight will be much appreciated.

*Oh and the colors aren't there to stay, just to help with the design, they're editable via PHP in a snap. :)*

[pardicity3]

Hmm, the first problem I notice is that you are putting a div (block element) inside of a span (inline element). That's just not very workable. I think that maybe if you put in a doctype IE might start rendering the same way as moz, but I could be wrong.

I see why you have the div in there, and I am trying to think of another way you could acheive the same effect, but right now I am slightly stumped. This is most likely due to the lack of sleep I am experiencing and I am sure the suitable solution to your problem is only one REM cycle away.

I did something similar to what you are trying using lists. This can be seen here:

http://www.mikesadventures.net/layouts/layout2/

Mind you, that is a very un-updated version of that layout and might have some problems in it...stuff like white-space issues with links that are more than one word (though it doesn't look like you have any of those :)) And you are lucky that the version is early enough to have the CSS right in the HTML doc...yeah, I code poorly early on :).

[brothercake]

Wouldn't it make more sense to make that out of <ul> list? http://www.alistapart.com/stories/taminglists/

[Mhtml]

Wow, thanks for that link BC.. Gunna spend hours reading all sorts of CSS stuff now. That menu was very clever. :):thumbsup:

Thanks for the link as well pardicity! Studying your code as well. :)

[brothercake]

Yeah man - and check this out http://www.brothercake.com/scripts/listmenu/ :D

[pardicity3]

Once again bro is amazing (I truly do love that menu)... But anyway I learned how to make a list using <ul> from the site bro gave so I would strongly urge a read :thumbsup:

P.S. I updated that link of mine to the newest version. Don't worry about the content though as it is my crummy slide show script :)

[Grant Palin]

Originally posted by brothercake
Yeah man - and check this out http://www.brothercake.com/scripts/listmenu/ :D

Menu looks good. I took a peek at the source code- pretty impressive! I looked at the description pages for that menu on your site. I saw something about licensing- would I have to register or pay or something to use that menu?

[brothercake]

No that's a different script - the one there you can just use.

[Mhtml]

V. Nice menu bro. I've managed to get a client and the site I'm creating for them is yet to use 1 single table and I've created the menu as an inline list.

Works cross browser with op/ns/moz/ie although I'm not sure about op 7 just 6.5 atm.