miocene Posted May 9, 2009 Share Posted May 9, 2009 OK currently my site has style settings that make it take up 68% of the browser window. This works great for large resolutions but for smaller resolutions (ie on iphone, netbook etc) some things like tables, embedded objects etc. get forced off the side. This is my site: http://www.topuptents.x10hosting.com/. Try resizing ur browser window and see how the site changes.Is there a way to make my site take up 68% most of the time but limit the lowest width it can go to, so it will fill a low-resolution window and a scrollbar may appear for really low resolutions? I.e style="width: 68% or 660px" (whichever is larger)Maybe also set a maximum size for really high resolutions (e.g max width= 2000px) so thie site doesn't get stretched also.Any help appreciated Link to comment Share on other sites More sharing options...
Suhail.Mir Posted May 11, 2009 Share Posted May 11, 2009 Can you please send me CSS & HTML code? Link to comment Share on other sites More sharing options...
thescientist Posted May 11, 2009 Share Posted May 11, 2009 Can you please send me CSS & HTML code?isn't the link already in the op? css is internal. Link to comment Share on other sites More sharing options...
Ingolme Posted May 11, 2009 Share Posted May 11, 2009 I haven't looked at your code, but you should be able to use min-width alongside with widthHere's an example: .something { width: 80% min-width: 500px;} Link to comment Share on other sites More sharing options...
miocene Posted May 11, 2009 Author Share Posted May 11, 2009 Thanks, that works great! It validates but are you sure that it works ok for cross browser? I tried it in FF and IE. Will try in Chrome in a bit. Link to comment Share on other sites More sharing options...
thescientist Posted May 11, 2009 Share Posted May 11, 2009 you'll just have to try. FF, Safari and Opera are pretty consistent standards wise, but IE likes to play to the beat of its own drummer. Validation is only a recommendation unfortunately, not a guarantee. Link to comment Share on other sites More sharing options...
miocene Posted May 11, 2009 Author Share Posted May 11, 2009 OK I updated the site and success with the following browsers:FirefoxInternet ExplorerGoogle ChromeSafari (iphone)Also validated so I think I can safely assume that it works! Cheers for the help.. Link to comment Share on other sites More sharing options...
thescientist Posted May 11, 2009 Share Posted May 11, 2009 usually if you can get it to work in IE then that's a good start. Although which version of IE did you test? I'm not sure what the statistics are regarding IE6/IE7 usage, but it might be worth taking into consideration, only for the fact that IE6 is quite the bugger, standards wise. IE7 is better and I'm not sure what the verdict is on IE8 yet, but I think M$ is still off in we-don't-need-no-stinking-standards-compliance-browser land... Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.