Border Issue

[jerdy]

Issue @ metzhere.com/yogamoves

I created #container with a border and wanted it to wrap around the other divs (excluding #tagline and #header) I have it right for the most part except up at the top, there is a space that I cannot find where to change in my css properties. Any ideas? I think it must be something with the ul properties?

Thank you,
Amber

Note: Am I going about borders the wrong way? Should I be using the borders on the individual divs, or is wrapping with a container fair?

[jscheuer1]

Wrapping is cool. And you are right, it is the UL element. Add this (highlighted) to its style in your stylesheet:


#navigation ul {
list-style:none;
height: 20px;
position: relative;
left: 0%;
margin: 0;
}

[jerdy]

Cool thanks John :D

I am also having an aligning problem with my navigation tabs, I would like them centered, I tried aligning the <ul> and <li> but nothing seemed to show. :confused:

[jscheuer1]

Replace the styles for these with the ones shown:


#navigation ul {
list-style: none;
height: 20px;
margin: 0;
}
#navigation li {
display: inline;
}

[jerdy]

Hi there, it's me again.

...Doing some updates on the navigation and still can't get the subjects to center properly on the purple navigation bar.

I used this code but no luck:


#navigation ul {
list-style: none;
height: 20px;
margin: 0;
}
#navigation li {
display: inline;
}

I would like the widths on the side (red marks) equal, not different widths.
http://img.photobucket.com/albums/v212/silenthllz/navigation_centerissue.jpg

Find issue @ www.yogamoves.net/test.html

[coothead]

Hi there jerdy,

try adding the highlighted attribute...


#navigation ul {
list-style:none;
margin:0;
padding-left:14px;
height: 20px;
}

coothead

[jerdy]

Worked like a charm, thank you!

[coothead]

No problem, you're very welcome. ;)