By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,625 Members | 2,235 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,625 IT Pros & Developers. It's quick & easy.

Opera float within a float

P: n/a
Hello,

I am curious if any of you have a solution to a problem I am having on
this page: <http://www.digitalovertone.com/new/index2.php>. The
navigation bar displays correctly on every browser I have tested (IE5,
IE5.5, IE6, NN6, NN7, Mozilla 1.7, FireFox0.8) except Opera, which
refuses to respect my "float:right" rule (I think). Any solutions?

Alternatively, is there a better way to achieve this same effect? I
tried to do it without floats and "display:block" and with just
"text-align:right," which eliminates a lot of markup but I feel the
effect of the whole link box changing color is lost. And different
browsers rebelled in different ways when I tried to fix that.

Many thanks for any suggestions.

Kyle
Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On Tue, 08 Jun 2004 04:55:18 GMT, Kyle James Matthews
<kj*********@comcast.net> wrote:
Hello,

I am curious if any of you have a solution to a problem I am having on
this page: <http://www.digitalovertone.com/new/index2.php>. The
navigation bar displays correctly on every browser I have tested (IE5,
IE5.5, IE6, NN6, NN7, Mozilla 1.7, FireFox0.8) except Opera, which
refuses to respect my "float:right" rule (I think). Any solutions?

Alternatively, is there a better way to achieve this same effect? I
tried to do it without floats and "display:block" and with just
"text-align:right," which eliminates a lot of markup but I feel the
effect of the whole link box changing color is lost. And different
browsers rebelled in different ways when I tried to fix that.

Many thanks for any suggestions.


Opera currently indeed has a problem with nested floats when the width of
the outer float (in this case 'links') isn't defined: this outer width
gets minimized, forcing the floats to wrap beneath each other.

A solution would be to specify 'width:100%;' for this DIV, and to change
the float of the nested links to 'right' (and change the order of the
links in the HTML source...)

--
Rijk van Geijtenbeek

The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.