Issue with CSS on firefox and chrome

[Maurice valery Misse]

Hey Curtis,
I have tried to fix the background floating issue and it kind of worked but not all the way because IE does not accept those changes.The map in the middle is cut in half.But i do not know why it is still messing up.
Also the blue background is all over the place.
Here is an update of what I basically changed.
https://www.microboticsinc.com/Test/home.html
I am out of ideas again.What did I forget?

[Curtis Thompson]

hello…

i will say that it’s hard to put my finger exactly on what you don’t like about the layout – the blue bg loads (although it’s way too large for the web – it’s 3mb (3000KB), and a good bg should be more in the 100KB range) – when you say it’s all over the place, what do you mean?

the map bg is also very large file-size (325KB), so you will have visitors who say your site loads very slow…by cut off, do you mean that the map ends below the content on ie9?

it’s very hard for me to isolate one specific thing for you that will fix this, i’m afraid – i could go through your css and try to guess, but your code looks to be software-generated – is that the case? if so, it is harder for a human to look at it and find obvious flaws.

in general, you have very specific measurements on a lot of thigs (i.e. make this div X x Y pixels) – in web land you want to avoid this if at all possible, so removing those might help you as well – you can use percentages or just let the browser dom take over…but this is more advanced layout stuff that is harder for me to answer in this medium. :-/

sorry to not be able to isolate the smoking gun here – but go through your code and remove as many of the hard-coded pixel dimensions for things wherever possible – that would be a first step…

sitruc

[Maurice valery Misse]

Hey
Thank you for the feedback.
I fixed the blue background size.
I am trying to fix this website.I don’t know if it was software–generated.But I got some information today saying that it was not developed to support IE only Firefox and Chrome.What I understand but still.. There are a lot of users who still depend on IE.
This how it looks now:
Now I am trying to create a specific css for IE.

Maurice

[Curtis Thompson]

hello…

ya – this is one of those that just takes some experimenting with. you shouldn’t have to create an ie-specific css file, but rather just go through item by item and futz with it until you get it working in all the major browsers.

css can be tricky that way, but in 99.5% of the cases, you can use single declarations for all browsers and not need to customize per…

and don’t worry about sub versions of firefox or chrome – they release versions every month or so, and for the most part you should be ok across all those versions, as the releases are more micro in nature…

ie7/ie8/ie9 are a bit different, but not too bad. it just takes practice. again sorry to not have the magic answer to fix it…if you had me working on it, it’d be a bit of test and fix on my side too…

sitruc