4 replies [Last post]
cpam
cpam's picture
Offline
newbie
Last seen: 9 years 18 weeks ago
Timezone: GMT-5
Joined: 2013-02-17
Posts: 5
Points: 7

Hey How can I prevent my website from shifting when I change the size of my browser? When its maximized, my navigation buttons are all on a straight line, but when i shrink the page, one of the buttons goes down to the next line. How can I prevent this? I fixed it by shifting everything more to the left side, but wondering how can I do it without that?

Thanks

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 18 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

What do you expect to happen?

What do you expect to happen? At what size does the realignment occur? May we see the page, that is, can you post a link?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

cpam
cpam's picture
Offline
newbie
Last seen: 9 years 18 weeks ago
Timezone: GMT-5
Joined: 2013-02-17
Posts: 5
Points: 7

Here's the

Here's the site
http://infodesign.oirt.rutgers.edu/~cpamieta/Summary.html

Also I notice that with different browsers it looks different. When I checked on my other laptop using safari, the navigation on top was shift down so you saw that black line going through it.

Thanks

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 18 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Suggestions

To #content, add {overflow: hidden;}. That causes it to enclose its float descendant(s).

On figure, delete the margin-top and margin-right properties. Add {margin: 0 1em;}.

On #content p, delete all style rules.

These changes will allow the page to re-flow sanely as the window is resized.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

cpam
cpam's picture
Offline
newbie
Last seen: 9 years 18 weeks ago
Timezone: GMT-5
Joined: 2013-02-17
Posts: 5
Points: 7

Thank you for the help

Thank you for the help