CODEWITHSUNDEEP
css
Sachin Kainth
Sachin Kainth

Reputation: 46740

Fixed Width Page Layout

My manager keeps mentioning fixed width page layouts. I don't know what he means and don't really want to ask. He came over to my desk and resized my browser width-ways and mumbled something. What I'd like to ask is this.

  1. What is a fixed width page layout?
  2. What is the alternative?
  3. Why does it matter?

Thanks,

Sachin

Upvotes: 0

Views: 296

Answers (3)

PeeHaa
PeeHaa

Reputation: 72672

I think it is about fluid design. This basically means that widths on your page are defined using % rather than px. When you set it up this way the page scale when the viewport gets smaller. Although you have to note that using tables with this can become problematic.

Another way to further achieve this is by using media queries.

One last thing. Why don't you ask your boss what he means?

Upvotes: 2

cgvector
cgvector

Reputation: 929

i think you are using table for your design when you zoom in the canvas you design go out of the box you should use DIV base design this will adjust behalf of your screen.

Upvotes: 1

Jamie Dixon
Jamie Dixon

Reputation: 53991

Fixed width refers to a document styled with a width that is fixed by an absolute unit.

px are an example of an absolute unit.

width: 100px;

One alternative is to make your widths relative such as a %.

width: 60%;

The reason this matters is because different people will have different screen sizes or use their browser in different ways.

Using fixed width means that users on smaller screens, or using their browser minimised, with have to scroll horizontally rather than the page width adjusting depending on size of their browser window.

Upvotes: 2

Related Questions