Issue with CSS on firefox and chrome

[Curtis Thompson]

hello…

well – first things first. your home page css calls are to your local box as opposed to the copies on the server. on the other pages you have it correctly as:

but on the home page, it’s:

that won’t work online as we don’t have access to your hard drive… 🙂

as for the menu – i am on my mac right now and don’t have access to ie, but for starters, you can remove the decimal pixel values – you can’t place things at part of a pixel, so things like (for example) 48.2px can just be 48px…never seen anybody do that, so i’m not sure if that was generated for you or not? that also might be making browsers grumpy, so i’d start there.

sitruc

[Maurice valery Misse]

Thank you so much,Curtis.

It worked really good. I just had to remove the root from the hard drive like you said.
https://microboticsinc.com/Test/home.html
BUYYYAAAAH!

So now when you zoom in/out the background look so bad and all the images in the background are messed up.Do you think it may be the decimal on the css file?

Thanks Again,you rock.

[Curtis Thompson]

hello…

i would start by getting rid of those – again i’ve never used those myself with css so i don’t know if they would make certain browsers grumpy, but it’s worth a shot to see – they aren’t doing anything positive regardless…

i will try to get time over on my pc today to look at this in ie there to see what else might come to mind – but with css, there are always going to be some gotchas across browsers like this…

sitruc

[Maurice valery Misse]

Thanks Curtis.
I really appreciate that.It helped a lot.

[Curtis Thompson]

hello…

can you expand on the zoom thing? do you mean when you make the font size bigger via the browser option? or when you change your screen resolution?

sitruc

[Maurice valery Misse]

Actually I meant changing the screen resolution on the browser with ctrl+mousescroll(up/down).

[Maurice valery Misse]

Hey Curtis,
For some reasons I do not know yet.This website is only working fine on 3 machines on the whole company. I went on w3c.org to check my .CSS information and somehow the validator is giving me 14 errors and all of them are background related.

https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.microboticsinc.com%2FTest%2Fhome.html&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en#errors

Do you have an idea what can be overseing?

[Curtis Thompson]

hello…

ahh i missed that one – it won’t impact much, but ya – the “transparent” keyword for a bg color doesn’t have the hash mark on it like a hex color would – so you would say either:

background-color: transparent;

or:

background-color: #dd0000;

however the default setting for background-color in a cell is transparent, so you don’t need to specify that in most cases (i.e. you can remove that attribute). the only time i’ve personally used it is in a larger background declaration where i have a background image and i don’t want to have a bg color if the loading of the image gets delayed – like this:

background: transparent url(‘/path/to/bg.gif’) no-repeat left top;

otherwise you probably don’t need to declare it…make sense?

sitruc

[Maurice valery Misse]

it makes perfect sense.
I was doubting myself about the Hexadecimal colors because I really do not need them since I have images.
But I gotcha 100%.I will play with it a lil’ to see if it helps for other machines in the building.I will also change the decimal pixels.I forgot to do so.

Thanks a lot

[Maurice valery Misse]

Hey Curtis,
Now the website works only on certain browsers and not on others for example.It works on FF13+ and not on FF5,IE9 but not IE5,6,7,8.Chrome 18 but not the older versions.
I have changed and rechanged parameters on the mcb.css.I tried it on some other machines in the building and it works on certain machine and not on others.Here are my changes on mcb.css.
The website:https://www.microboticsinc.com/Test/home.html

.transparent {
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
width: 100%;

/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=50);

/* Older than Firefox 0.9 */
-moz-opacity:0.5;

/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;

/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
}


Thanks
Maurice