/    Sign up×
Community /Pin to ProfileBookmark

div positioning problem in NS?

Copy linkTweet thisAlerts:
Jun 15.2004

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…

[url]http://www.hakanai.net/diptychnew[/url]
[url]http://www.hakanai.net/diptychnew/style.css[/url]

Any help would be appreciated ?

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@toicontienJun 16.2004 — 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.
Copy linkTweet thisAlerts:
@siskoauthorJun 16.2004 — 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!
×

Success!

Help @sisko spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...