Results 1 to 9 of 9
  1. #1
    Join Date
    Sep 2009
    Location
    United Kingdom
    Posts
    46

    CSS and Page Layout

    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

  2. #2
    Join Date
    Sep 2009
    Location
    United Kingdom
    Posts
    46

    Is it because of percentages

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

  3. #3
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    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
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  4. #4
    Join Date
    Sep 2009
    Location
    United Kingdom
    Posts
    46

    Noted

    Quote Originally Posted by larwilliams View Post
    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

  5. #5
    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!

  6. #6
    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.....
    --------------------------------------
    Sunny - www.CraftsVision.com
    --------------------------------------
    We burn midnight oil and present you hand crafted websites.

  7. #7
    Join Date
    Sep 2009
    Location
    United Kingdom
    Posts
    46

    * I think I fixed it the layout problem

    Quote Originally Posted by craftsvision View Post
    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

  8. #8
    Join Date
    Oct 2009
    Location
    Droitwich, UK
    Posts
    63
    Yeh your site looks good mate! Especially for a newbie?!

  9. #9
    Join Date
    Sep 2009
    Location
    United Kingdom
    Posts
    46

    I ain't a complete noob

    Quote Originally Posted by WebHost4You View Post
    Yeh your site looks good mate! Especially for a newbie?!
    I ain't a complete noob 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

Similar Threads

  1. Front page layout
    By TheTop in forum Web Design and Content
    Replies: 4
    Last Post: 04-06-2006, 07:07 AM
  2. CSS Page Layout - How do I Do This?
    By thediva07 in forum Web Design and Content
    Replies: 3
    Last Post: 10-19-2003, 04:43 AM
  3. [For Sale] 6 Page Gaming Layout
    By GBeldam in forum Other Offers & Requests
    Replies: 3
    Last Post: 08-07-2003, 12:43 PM
  4. New Opening Page Layout
    By RWH in forum Other Offers & Requests
    Replies: 9
    Last Post: 06-25-2003, 04:02 PM
  5. PHP - loading page inside a layout
    By BSHbrian in forum Programming Discussion
    Replies: 19
    Last Post: 09-28-2002, 03:45 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •