CSS!

For questions and problems with the CMS core. This board is NOT for any 3rd party modules, addons, PHP scripts or anything NOT distributed with the CMS made simple package itself.
Locked
Aaron Jay

CSS!

Post by Aaron Jay »

Not as applicable as such to the cms system, but more of a css question, should there be any gurus of css out there;

I have a site on the cms system and i like how it works, but I have 4 different versions;

PC Mozilla: rollovers on a floated list look grest, the list is positioned properly and all is happy
MAC IE 5.2: with a few tweaks of the *html fix, MAC for IE works perfectly all rollovers in the right place and everything is happy

Now the problems:
MAC Safari: rollovers and the li elements are spaced about 4 pixels too high for some odd reason. I thought Safari was mozilla-based?
PC IE 6: the biggest problem of all, looks like the rollovers disappear altogether behind the next element below, the spacing for the background on the hover class is all wrong.

I have built and rebuilt it 100 times now and I think am too close, and I am hoping someone has an idea at all.
JoshuaBarnette

Re: CSS!

Post by JoshuaBarnette »

If you are using to accomplish your rollover effects i.e. and have CSS that is link1 a:hover make sure that when you define the "a" variables: active, hover, active:hover, etc. you can specify the positioning again, I have used this in the past to fix conflict between IE, Netscape, and Mozilla.

On the element disapearing behind another element, add a "z-index: 10;" or higher number to the elements CSS definition, this should bring it to the front.

Any questions, please post your code so we can have a look.
Locked

Return to “CMSMS Core”