Click to See Complete Forum and Search --> : Struggling with CSS, browser resizing-general ?


clp
07-17-2006, 01:43 PM
I don't have any CSS to show- just some general questions. I have tried many things, even bought 2 books- "stylin with CSS" being one of them-I have been reading this over and over but....

Basic questions:

1- General pagesize- what is the standard for creating the page? What if you want to print the page? Should you size it for the printed page? Should you set the width to auto- or to a fixed px size? Going for ease here- since this is my first attempt and volunteering at that.

2- When resizing the browser window- I am having a hard time understanding when the contents move (when centered) with a window browser resize and when they don't. It seems that different browsers work differently- I am testing with firefox, netscape 7 and IE 6. This has been baffling to me.

3- I am trying to create just a basic page- a text header with 2 graphics on either side, a left content div and a right content div approximately equal in size or 45%/55%. I need to have the user print the page and have it not exceed the right and left margins of standard 8 1/2 x 11 paper. Not sure if it should be centered- due to window resizing and printing requirments. I need to make it relatively uncomplicated as it will eventually be handed off to some with much less technical understanding- they know word and excel....The user will eventually be changing some of the contents...

I have searched this forum, I see a lot of 3 column layouts....and have tried to adjust from there...but still am baffled by resizing the window...

Thanks

clp

PineSolPirate
07-17-2006, 01:55 PM
1. If I am not doing a fluid layout, I try to fit it under 800px wide, because 800x640 is still a common screen resolution.

2. Thats just a matter of feeling it out. Remember that containers, though they don't make for super-slick semantic code, are your friends.

3. As far as CSS in print media, I have no experience... sorry.

slaughters
07-17-2006, 04:37 PM
1. http://www.thecounter.com/stats/2006/June/res.php Amazingly enough 17% of the world still uses 800x600 display. This varies acording to user base though. Look at you personal website stats. Your visitors may all be running at 1280x1024.

2. Not sure I understand the problem. If you've centered something it stays centered. The only time text should "move" is when you've specified the width in percent and 90% of an 800x600 screen is a smaller space for the text to fit in than it is on a 1024x768 screen.

3. Just create a CSS file specifically for print (use media="print" on the link tag). Here are some links to get you started:
http://www.alistapart.com/articles/goingtoprint/
http://www.javascriptkit.com/dhtmltutors/cssmedia2.shtml
http://codex.wordpress.org/Styling_for_Print