The width of the div "topNav" changes by few pixels when its position style is changed from relative to fixed. I found a jquery plugin (/) which can perform the same functionality I'm looking for elegantly, but I feel it is a overkill for this purpose.

EDIT: My question is how to avoid changing the div sizes.

Check out the code at :

The width of the div "topNav" changes by few pixels when its position style is changed from relative to fixed. I found a jquery plugin (http://imakewebthings.github./jquery-waypoints/) which can perform the same functionality I'm looking for elegantly, but I feel it is a overkill for this purpose.

EDIT: My question is how to avoid changing the div sizes.

Check out the code at :

http://jsbin./azace5/edit

• javascript
• jquery
• html
• css

Share Improve this question Follow edited Jun 15, 2011 at 21:32 brayne asked Jun 15, 2011 at 21:11 braynebrayne 1,40322 gold badges1717 silver badges2828 bronze badges 1

• What is the functionality you are looking to implement elegantly? – cmwright Commented Jun 15, 2011 at 21:15

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You need to remove the page's "default margin". This will do it in "every browser":

html, body {
    margin: 0;
    padding: 0
}

See: http://jsbin./azace5/2

Or you can add a minimum width.

min-width:600px;