PDA

View Full Version : Navbar Alignment Issue


rmbrar
Dec-26-2009, 10:37 AM
Hello,

For some reason my navbar menu has moved and showing at the bottom of my main header and I would like to have it above the solid white line dividing m header and main page. It was all good till last night and something got changed by mistake and I can't figure out what is it.

Can someone please assist on this issue.....thx

www.studiobrar.com (http://www.studiobrar.com)

rmbrar
Dec-26-2009, 03:13 PM
Actually on my monitor its fine, but for some reason when i checked at work the navbar is showing at a shifted place. what could be the error ??

/* ---------------- */
/* --- NAVBAR ---- */
/* ---------------- */
#inner ul {
margin: 10px;
margin-top: 95px;
float: right;
list-style-type: none;
color: white;
}
#inner { margin-right: 20px }

#inner ul li {
display: inline;
}

#inner ul a {
padding: .2em .5em;
color: #eee;
text-decoration: none;
}

#inner ul li a:hover {
color: #333;
background-color: #ccc;
}

Please let me know

thanks
www.studiobrar.com

Allen
Dec-27-2009, 04:12 AM
Actually on my monitor its fine, but for some reason when i checked at work the navbar is showing at a shifted place. what could be the error ??

/* ---------------- */
/* --- NAVBAR ---- */
/* ---------------- */
#inner ul {
margin: 10px;
margin-top: 95px;
float: right;
list-style-type: none;
color: white;
}
#inner { margin-right: 20px }

#inner ul li {
display: inline;
}

#inner ul a {
padding: .2em .5em;
color: #eee;
text-decoration: none;
}

#inner ul li a:hover {
color: #333;
background-color: #ccc;
}

Please let me know

thanks
www.studiobrar.com (http://www.studiobrar.com)
Change the banner width to the actual width of 800. 900 is popping your
nav out of the header area.

#my-logo
{width: 800px;
height: 133px;
background: url(http://www.studiobrar.com/photos/749519904_sSp9g-L.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader
(enabled=true,sizingmethod=image,src='http://www.studiobrar.com/photos/749519904_sSp9g-L.png');}

rmbrar
Dec-27-2009, 05:01 PM
Change the banner width to the actual width of 800. 900 is popping your
nav out of the header area.

#my-logo
{width: 800px;
height: 133px;
background: url(http://www.studiobrar.com/photos/749519904_sSp9g-L.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader
(enabled=true,sizingmethod=image,src='http://www.studiobrar.com/photos/749519904_sSp9g-L.png');}

hi Allen,

Thanks, I tired as you asked but still it has not made any difference. Others are still seeing the menubar towards bottom....How about you? are you also seeing it towards bottom. Also ultimately i am looking towards to have menubar like this one http://www.joerallen.com. Please advise me how to achieve this.

thanks

Allen
Dec-27-2009, 09:03 PM
hi Allen,

Thanks, I tired as you asked but still it has not made any difference. Others are still seeing the menubar towards bottom....How about you? are you also seeing it towards bottom. Also ultimately i am looking towards to have menubar like this one http://www.joerallen.com. Please advise me how to achieve this.

thanks
Firefox works here but in IE8 the navbar pops below when browser is narrowed.

rmbrar
Dec-28-2009, 08:51 AM
how can i achieve a universal ground that both users in IE and firefox will have the same look. I am thinking of changing the navbar to look like the one on http://www.joerallen.com (http://www.joerallen.com/) or http://www.palmerhalvorson.com/Portfolio/Galleries/9893006_XPfQg

Can you please advise how can i achieve this.

Firefox works here but in IE8 the navbar pops below when
browser is narrowed.