I have been redesigning my website using CSS, I am having a problem which may be easily solved but I can't figure it out.

If you visit http://www.mywebstar.co.uk the page has been laid out using a css sheet, the problem I am having is that if I make the browser window say 1024 x 768 the middle shoots to the bottom and looks dodgey.

Is there a work around I could use to set the page size set. Maybe I have missed something and not put something in which is making it do that.

Any advice would be greatly apreciated, how do I keep my layout from shrinking, could someone kindly have a look at my css and see if I did something http://www.mywebstar.co.uk/styles/mywebstar.css


Many Thanks for your help in advance.

James

I am measuring my Divs using percentages for the left nav , right nav and center content am I best to use pixels?

Percentages are fine. What I would do is wrap the page up in a container div and set a pixel width on it though.

P.S. You cannot copyright CSS code

Percentages are fine. What I would do is wrap the page up in a container div and set a pixel width on it though.

P.S. You cannot copyright CSS code


Noted , I fixed the issues I was having , damn CSS is hardwork as a newbie! :(

Would someone check the layout please if you resize the window it should keep the center bit up top, I only got 2 browsers to check it in but looks ok, I need to get this right so i can start my other pages, I have slept for 6 hours in 2 days so far my eyes are square hehe, any problems with that page please let me know. Thank you very very much :)

James

Hello,

Try putting everything below your menu bar (not including the menu bar) into a container div. You can give this container div a minimum width (ex: min-width: 400px; or whatever you think is right). Then make the left and right columns a fixed width. You can leave the center column a flexible width if you like. But you may want to put a minimum width on it.

I hope this helps!

Put your code in a main container and fix the width to 1004px.

Good to see you have removed that bold text effect from your design.....

Put your code in a main container and fix the width to 1004px.

Good to see you have removed that bold text effect from your design.....

Ok I have done most of what you guys have suggested , have a look at my website now

http://www.mywebstar.co.uk

I must say CSS is tricky but fun. Now I have it setup thing are by far much easier to change. Only thing left to do on my site is fix links and special offers around site. But as always if you find anything you thing should be different I apreciate the feedback

Many Many Thanks
James

Yeh your site looks good mate! Especially for a newbie?!

Yeh your site looks good mate! Especially for a newbie?!

I ain't a complete noob :P just a little old fashioned when it comes to web design, just needed a little advice if you know the basics its ok I haven;t designed a full website for a while but I know where to look for advice , and these guys here are Pro :) and helped me lots, Thank you.

James