try
margin:0 auto;
and a
width: slightly less than the outside container
Thread Starter
jinsan
(@jinsan)
Thanks Sadish,
Tried it with no joy – it shifted the footer in FF as well as in IE; in IE it just remained the same in its shifted position.
Any other suggestions?
Change left
to 0
instead of 12
?
#footer {
...
left: 0;
}
Thread Starter
jinsan
(@jinsan)
if I do that, for some reason it shifts out of place, which is why I put left: 12 in the first place, because it’s out of joint – I don’t know why. Besides, left pushes the item towards the left, not the right, which is why it’s pushing right not left.
I don’t know why it’s shifting out like that, but as I said, OK in FF but shifted in IE
My solution worked when I tested it.
I don’t get what you said, but, left
property is similar to margin-left
.
Another solution would be to float-left
the footer instead of position
-ing it relative
-ly.
If you change your outer wrapper to 520, nav bar the same, drop everything in footer other than font size and bg color it will align right for you.
Thread Starter
jinsan
(@jinsan)
well I ended up doing the following with some of dawg’s suggestions:
#footer {
background: #99CC66;
font-size: 7pt;
padding: 8px;
border-right: 13px solid #fff;
border-left: 12px solid #fff;
}
The padding was just someting extra I added. Having only font and background worked, however it meant the sides were not covered by the outer wrapper, so I then added a border left and right of the footer. Editing the outerwrapper and the navbar to 520 resulted in the navbar being in line, but part of sticking out to the side like a hitching thumb.
Thanks for your help guys it pointed me toward the right direction.
Works in IE and FF