I am creating a website for a university project and my site looks fine on a mac but in windows there is a scroll bar on the image div that stretched across the page. I have tried using the overflow:hidden; but that did not fix it. Does anybody know how I can fix this. Any help will be much appreciated ! stockola . com is the site ( wont let me post links yet )
Well, don't take this the wrong way but it's not rendering what I'd consider properly on any machine I own... and that stems from the nonsensical gibberish markup (though that's a hallmark of HTML 5), outdated sitebuilding methodologies, and general layout concepts that to be frank, are not real world deployable for a website... and that's before talking the accessibility failings of the ridiculously large fixed width mated to absurdly undersized fixed metric (px) fonts. Whole thing just looks like a giant rendering error here in pretty much every browser. From the lack of MEDIA on the LINK for the CSS, to a lack of declaring line-heights or fully qualified font properties, to the lack of proper setting of margins and paddings (why I'd probably use a reset on it), to the outdated 2001 style clearing DIV and nonsensical use of heading tags (nothing but H3 without h2's preceeding them?!?), multiple uses of the same ID (which is complete gibberish), 'stupid javascript tricks' in the panel, use of background-image to deliver content images and use of IMG to deliver presentation (completely backwards) -- the end result is just another laundry list of how not to build a website. As I quite often do, I'd suggest throwing it out and starting over with a viable cross platform layout, proper use of semantic markup, and forgetting that HTML 5 nonsense even exists. About 2k of your markup (roughly a quarter) is unneccessary, and the rest needs a fair bit of changes just to have it even make sense -- and that's before even talking about layout, style and accessibility.
You managed to navigate your way into this forum and onto this thread quite okay so why don't you do the same thing but navigate to a website offering CSS tutorials? W3 Schools is quite a decent website to use for basic CSS. Another idea would be to read your question a few times, it doesn't make much sense. Right side, right side div bottom go.... ???? How is anybody meant to help you.
At least use an online translator to translate what you want in your language into English. The way you're typing it doesn't make sense in English. And use as many words as it takes to explain what you want completely. They won't charge you more money if you use more words.
If you're talking about a scroll bar at the bottom of the browser, the screen resolution is too low so the site doesn't fit in the browser. If you're talking about a scroll bar within the page itself, there is none in Firefox or IE on Windows 7. Since we can't understand you very well, we can't really give you much more help, except for what Deathshadow said - start over and do it right this time.
We can't know whether we know or not until we know what you need, and we can't understand your English, so we can't know what you need. Please write your question in your own language and use a translator to translate it into English. If you don't, no one is going to be able to help you.
You have a total width of 2880px? You're missing ; off your heights? You spelled content wrong on your right content? You're missing curly brackets? I really don't know, why don't you provide us with a link so that we can see the problem... And why are you wasting time declaring the height as 600px 3 times? Background colors are all #fff so why not have a main div with a height of 600px, width of 960px and background of #fff?
Yeah, total width makes no sense -- though declaring a fixed width in the first place is garbage from an accessibility point of view and is usually either an indication of lazy design or 'but I can do it in photoshop' nonsense.... fixing heights of content areas is equally flawed since the CONTENT should never be fixed in size or able to be predicted either, (at most you'd use min-height)... Really not making a whole lot of sense.
It is how the menu items are displayed e.g. display:block would be useful for a vertical navigation bar and display:inline would be suitable for a horizontal navigation bar. See http://www.tizag.com/cssT/display.php for further info.