I'm almost finished designing my first (mostly CSS Based) web site home page and I ran into a problem while trying to certify the websites using different browsers. On all the web page comes up fine (although I haven't test IE 6 and up as I'm on a Mac). Is it possible to make my complete web page display in the window of all the various browsers without having to manually resize them or atleast define the size of my web page for the browsers?
Thanks In Advance!!
Absolutely not, see Lynx. However, I'll let someone more knowledgeable about modern standards based browsers. I think you should not worry about all browsers if you concentrate on MSIE, Firefox, Chrome, and Safari you should be fine. Adobe has a product called BrowserLabs
that will let you see how your webpages work in various browsers all from your own computer. It is available free until April 12. You might take a look at it for your present situation to see how your pages will show.
Thanks for the info...
My main concern is since my webpage is not very wide it would be able to open in full view (complete page) without having to resize the browser.
Does anyone know of a way I can remedy this problem without having to redesign my complete web page... I'd hate to have to do that...
Can I add a simple CSS command which would expand browsers to fit my website... Maybe a 100% width command? And without having to redo all my containers and hard work.
Never ever presume that your web page must take up my entire screen. That's considered rude. My browser settings and preferences are my choice; not yours.
If you want to design web pages that fill the end-user's available viewport without scrollbars, use a liquid or semi-liquid layout in percentages.
Alternatively, you can use multiple style sheets & progressive enhancement techniques (media queries) to target specific devices by their width. This is how modern developers are able to support different layouts for smartphones, tablets and desktops.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
It certainly not my intention to be "rude". I just wanted to make it easier for the end-users to not need to scroll... My page is not very wide or deep (vertically). I did read some articles on the liquid/fluent layouts. But as I said in my other post I still need to learn the proper way to layout my web design so I can then implement an acceptable web page design. So much to learn yet with CSS but I'm having a blast using it and learning about it.
One question for you though, Nancy... I validated my web page in all but IE. Opera was the only browser which seemed to give me a glitch with my CSS drop down menu. I've been reading through my manuals for some sort of fix but when the user "hovers" over the menu item instead of dropping down as they do in all other browsers it seems to want to stack the drop down items on top of each other.
Do you know of any reasons why Opera would give me a different reaction as far as the menu list is concerned? Everything else on the page appeared properly. Any references or I could try to post my site online later this evening so you or others code look at the code. I haven't attempted to post anything yet with dreamweaver so just another thing I need to master.
Thanks for all your help so far...
How would you expect your web site to open at a certain width on a display that is only 320 pixels wide? Should it behave the same on a display that is 1680 pixels wide? This complexity is why most designers leave browser sizing to the user.
I will again say... I have never intended to "hijack" or be "rude" to the end-user. However, I do appreciate it what you wrote...
You have just taken the burden of web page design dimensions off of my back. I will no longer worry so much as to whether or not my sites need to size or be resized to accomidate the end-user.
I actually started a new discussion on this topic but you are more than welcomed to take a look...
Web Site: www.ghostsinthemaschine.com
It seems I may have to redo the menu but if you know of a work-around let me know. Thanks!
Europe, Middle East and Africa