Solved

CSS float:right

Posted on 2014-09-20
2
125 Views
Last Modified: 2014-09-22
Please look at http://rkassoc.org/Davis/outdoor-lighting.html

Note the menu section with the blue background in the middle, right.

I want that to flush up against the right edge of the page; it doesn't, event thought the containing div says float: right;

See attached html.

How do I get it ALL the way right?

Thanks
outdoor-lighting.html
0
Comment
Question by:Richard Korts
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
ID: 40334778
Remove the left padding on the div.

You also need to fix your markup

<b>PRODUCTS<b></span>

Should be a closing </b> tag and there is no opening span tag.
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 250 total points
ID: 40334808
And put padding-left to 75px in the <ul>:
<ul id="menu" class="men" style="color: rgb(163, 164, 169); font-family: Memphis Pro Medium; padding-left: 75px;">
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question