CODEWITHSUNDEEP
csshtmlcross-browserpre
errata
errata

Reputation: 6041

Making very simple html page cross-browser compatible with CSS

I have this "web-site" -> http://www.krlja-ustvari.hr

It works 'perfect' in Google Chrome. By 'perfect' I mean that content is always 100% width and 100% height, overflown stuff is hidden and line breaks are made without <br /> tags. That's exactly what I need.
However, when I look at the same page in Firefox or Internet Explorer (didn't check with other browsers) I can see vertical scroll bar. That's exactly what I don't want.

My question is simple: how to make this page render in all browsers like in Google Chrome?

Thank you very much for any help!

Upvotes: 0

Views: 1103

Answers (2)

Faust
Faust

Reputation: 15404

I believe that if you change the min-height:100% declaration on #content to just height:100%, you should be fine in those other browsers.

That worked when I edited your page in Firebug for FF.

Upvotes: 2

Rob Sedgwick
Rob Sedgwick

Reputation: 5226

if you do not need scrollbars in the body/document at all

   <style type="text/css">

   body { overflow:hidden; }
   </style>

Upvotes: 2

Related Questions