/    Sign up×
Community /Pin to ProfileBookmark

Float lists right and keep context

Copy linkTweet thisAlerts:
May 16.2008

I have two unordered lists in a div. I need to align these two lists to the right of the page but also keep the list items which are floated left in context – for example:

[url]http://www.undertow.co.uk/misc/code/test2.html[/url]

When I align the div right it breaks out of the wrapper, so have floated both lists right and of course the order is now wrong.

Any way around this without changing the code order around as it needs to be in correct order too.

Thanks

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriMay 16.2008 — The <ul>s can be floated left and the #ftNav div floated right without problems if the width is removed from #ftNav.
Copy linkTweet thisAlerts:
@DisfunctionalauthorMay 16.2008 — I have done this, but if I don't set a width on the ftNav in IE7 the last element on the right wraps the text around onto a new line.

It works in Firefox mind - any ideas what I can add?

Thanks for your help
Copy linkTweet thisAlerts:
@CentauriMay 16.2008 — Strange - doesn't do that to me when I change the code - can you upload your version that causes this?
Copy linkTweet thisAlerts:
@DisfunctionalauthorMay 16.2008 — Aha manged to figure it out ?

Thanks once again
×

Success!

Help @Disfunctional 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 5.27,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...