Website help

wildest_jjk · 25 Oct 2011 at 15:00

Hey guys,

I am creating a website for the first time for university. However I believe I am running into the usual IE and Firefox box model issue. Basically my CSS code is below and it includes a horizontal navigation bar. However for some reason IE makes a small white gap on the right hand side of the bar. Does anybody know why?

Many thanks
Josh

wildest_jjk · 25 Oct 2011 at 15:07

I forgot to add that I think it is something to do with this here because it is where I have added padding:

In firefox the nav bar is the same width as the main div.

wildest_jjk · 25 Oct 2011 at 17:20

DELETED

wildest_jjk · 26 Oct 2011 at 13:39

Anybody?

wildest_jjk · 26 Oct 2011 at 13:53

Hi,

IE:

wildest_jjk · 26 Oct 2011 at 16:05

Thanks for the responses. I think it is already solved! It was a box model issue, setting a fixed width has made them both the same width

One other thing quickly, since changing it my text was not aligned in the middle. So I added in text-align:

However how do align it in the middle vertically?

Many thanks!!

wildest_jjk · 26 Oct 2011 at 16:43

Didn't work for some reason! I found this to work, but is it ok?

line-height:2.5em;

wildest_jjk · 26 Oct 2011 at 17:10

Thanks for the help guys, here is the fixed versions now:

Firefox:

Now I might add a border-right between them, in order to seperate them.

Thanks

wildest_jjk · 22 Nov 2011 at 16:39

Chanc3 said:
Oh apologies I thought you mean horizontally. If you want the text to be aligned vertically, you need line-height:HEIGHT OF BAR;

So pretty much what you put.