Results 1 to 8 of 8
  1. #1

    HTML Layout ZOOM

    Hi guys, I'm pretty new to web design so excuse me if the question seems silly.

    Basically I've designed a news page with divs all over the place. The divs are laid out using float commands. Some of the page has two columns and some 3. The page looks great except when you zoom out on the browser. Zooming in isn't a problem, but when you zoom out, somehow the div blocks get fatter and stack on top of each other instead of side to side. Is there anything I can do to stop this?

    Thanx

  2. #2
    Join Date
    Jan 2011
    Location
    Delaware
    Posts
    32
    Did you set specific widths? You may want to use a fluent design (use percentages for width) instead.

  3. #3
    Join Date
    Jan 2008
    Location
    Adelaide, Australia
    Posts
    428
    If you can upload the page, I can take a look and let you know where you've gone wrong.
    <<Please see rules for signature setup>>

  4. #4
    Hi,
    Giving width will create this problem if width is mentioned in pixel then
    this problem will be created better try using % instead of pixcels

  5. #5
    Sorry, can't upload it, its for a client.

    I'll try getting the widths in percentages and tell you how it went. Does this mean that from now on I should generally all my layout in percentages?

  6. #6
    Join Date
    Jan 2008
    Location
    Adelaide, Australia
    Posts
    428
    Quote Originally Posted by sharcs View Post
    Sorry, can't upload it, its for a client.

    I'll try getting the widths in percentages and tell you how it went. Does this mean that from now on I should generally all my layout in percentages?
    No not at all...
    Im going to presume you're using internet explorer?
    <<Please see rules for signature setup>>

  7. #7
    Quote Originally Posted by PaulM View Post
    No not at all...
    Im going to presume you're using internet explorer?
    I'm testing on IE7 , Firefox and Chrome. It exhibits the same habit in all three browsers. Another thing I noticed us that larger the margin between columns the farther away I can go without losing layout integrity. Its as if the gaps in between give it some space to grow as you zoom out.

  8. #8
    Join Date
    Jan 2011
    Location
    Delaware
    Posts
    32
    You can use the min-width property to prevent it from happening.

Similar Threads

  1. how to repeat the same html layout
    By bambinou in forum Programming Discussion
    Replies: 8
    Last Post: 04-26-2010, 07:05 AM
  2. HTML Layout Issues in IE
    By jscherbel in forum Web Design and Content
    Replies: 3
    Last Post: 10-12-2005, 11:33 PM
  3. Layout for sale, CSS/HTML Available.
    By NickDev in forum Design Offers
    Replies: 0
    Last Post: 11-21-2003, 11:37 PM
  4. Need help with my layout, small html problem. PLEASE help :D
    By Geeksterman in forum Programming Discussion
    Replies: 7
    Last Post: 09-04-2003, 05:15 PM
  5. HTML newsletter layout
    By rocrom in forum Other Offers & Requests
    Replies: 3
    Last Post: 06-05-2003, 12:59 AM

Posting Permissions

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