PDA

View Full Version : Navbars are in 2 rows?


Wagon Wheel
Sep-24-2008, 08:11 PM
I got an email screenshot from a buddy that he says is true on TWO different computers. 1 is XP, the other 2000, and the navbars are off center, and the last 2 bars are on the next row....

Any fix or explanation as to why?

I have done research and cannot replicate the problem on XP, or Vista......yet he sent me proof of how the page loads on HIS 'puters.....(screenshot of the homepage)

His screen resolution is 800x600. Even when I shrink and do tests at 800x600, I cannot get it to go on two rows like he says happen to both his computers.....

Anybody ever have this issue before?

Allen
Sep-24-2008, 08:32 PM
I got an email screenshot from a buddy that he says is true on TWO different computers. 1 is XP, the other 2000, and the navbars are off center, and the last 2 bars are on the next row....

Any fix or explanation as to why?

I have done research and cannot replicate the problem on XP, or Vista......yet he sent me proof of how the page loads on HIS 'puters.....(screenshot of the homepage)

His screen resolution is 800x600. Even when I shrink and do tests at 800x600, I cannot get it to go on two rows like he says happen to both his computers.....

Anybody ever have this issue before? Add/change the red to get it from wrapping in IE6.

.menu {
margin: auto;
padding:10px 0px 15px 0px;
position:relative; /*Make the container moveable*/
width:850px; /*Main bar total width*/
_width:760px;
font-size:0.85em;
padding-bottom:0px; /*Padding between the bottom of your mainbar and the rest of your page */
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:80px;
w/idth:80px;
}

Wagon Wheel
Sep-24-2008, 08:55 PM
.menu {
margin: auto;
padding:10px 0px 15px 0px;
position:relative; /*Make the container moveable*/
width:850px; /*Main bar total width*/
_width:760px;
font-size:0.85em;
padding-bottom:0px; /*Padding between the bottom of your mainbar and the rest of your page */
}


Right above the RED change/add ya suggested, the width WAS 750. I put 850 in (even tho you did not put it in red...) and it off centered the bars.

I changed the 850 back to 750 (thinking you made a mistake) and it centered itself again. I will check out the changes with my buddy tomorrow. I appreciate your help:)

Allen
Sep-25-2008, 07:41 AM
.menu {
margin: auto;
padding:10px 0px 15px 0px;
position:relative; /*Make the container moveable*/
width:850px; /*Main bar total width*/
_width:760px;
font-size:0.85em;
padding-bottom:0px; /*Padding between the bottom of your mainbar and the rest of your page */
}


Right above the RED change/add ya suggested, the width WAS 750. I put 850 in (even tho you did not put it in red...) and it off centered the bars.

I changed the 850 back to 750 (thinking you made a mistake) and it centered itself again. I will check out the changes with my buddy tomorrow. I appreciate your help:)
I tested the red changes and they worked for Firefox2 and IE6.:scratch