It feels strange asking for help on my web design website, but I'm really stumped.
The #infobar div renders properly in IE6, which is right under the #navbar div.
My problem is that in NS, the #infobar div seems to start right underneath the #navbar, except for the #infobar span, and I have no idea why
If I force adjust the height for the #infobar div, the background then becomes visible and then works in NS, but then I run into problems in IE, since the background becomes extended from its correct position...
<!-- m --><a class="postlink" href="http://www.hakanai.net/diptychnew">http://www.hakanai.net/diptychnew</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.hakanai.net/diptychnew/style.css">http://www.hakanai.net/diptychnew/style.css</a><!-- m -->
Any help would be appreciated
Why is the #infobar <span> floated right? That makes the span tag a block element and would be easier to place text-align: right in the #infobar DIV.
SPAN tags are inline, and do not react to text-align. Placing text-align in the #infobar DIV (which is a block element) will push the text in the SPAN tag right like you want. Then you don't have to float the SPAN tag at all.Yeah, I figured out this morning that the float was what was making the #infobar be misaligned, but couldn't figure out why the text wasn't positioning properly.
I accidentally put the text-align in the span, not the div. I wouldn't have noticed it or figured it out unless you had said something, so thanks for that
I don't know why the span was being placed where it was in NS either, thats what confused me so much. Maybe it had something to do with the measurements? If the span was supposed to float right of the div, and the div must be 599px, NS must have compensated for it by realigning. At least, thats my theory.
Regardless, it all works now. Thanks!
The #infobar div renders properly in IE6, which is right under the #navbar div.
My problem is that in NS, the #infobar div seems to start right underneath the #navbar, except for the #infobar span, and I have no idea why
If I force adjust the height for the #infobar div, the background then becomes visible and then works in NS, but then I run into problems in IE, since the background becomes extended from its correct position...
<!-- m --><a class="postlink" href="http://www.hakanai.net/diptychnew">http://www.hakanai.net/diptychnew</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.hakanai.net/diptychnew/style.css">http://www.hakanai.net/diptychnew/style.css</a><!-- m -->
Any help would be appreciated
Why is the #infobar <span> floated right? That makes the span tag a block element and would be easier to place text-align: right in the #infobar DIV.SPAN tags are inline, and do not react to text-align. Placing text-align in the #infobar DIV (which is a block element) will push the text in the SPAN tag right like you want. Then you don't have to float the SPAN tag at all.Yeah, I figured out this morning that the float was what was making the #infobar be misaligned, but couldn't figure out why the text wasn't positioning properly.
I accidentally put the text-align in the span, not the div. I wouldn't have noticed it or figured it out unless you had said something, so thanks for that
I don't know why the span was being placed where it was in NS either, thats what confused me so much. Maybe it had something to do with the measurements? If the span was supposed to float right of the div, and the div must be 599px, NS must have compensated for it by realigning. At least, thats my theory.
Regardless, it all works now. Thanks!