I am having some positioning problems over here: http://tinyurl.com/5kxvdb
I have a UL floating left - an image floating left - and a UL floating
right.
There is probably an easier way to do this. But basically I want the
image to be centered between the two UL floats. Centered in the page.
I tried margin: auto, but that is not getting me there.
The css I am trying is:
#bodylogo img{
margin: 0 auto !important;
padding: 40px 0 0 ;
float: left;
border: 1px dotted gray;
}
#pres ul, #vps ul {
margin: 0;
padding: 0;
}
#pres li, #vps li {
list-style-type: none;
float: left;
}
#vps li {
list-style-type: none;
float: right;
text-align: right;
}
Suggestions?
try this layout pattern.
the html:
div class=right
/div
div class=left
/div
div class=mid
/div
the css
.right { width:100px;float:right;}
.left { width:100px; float:left;}
.mid {width:500px;}
this is actually a 3-column layout pattern but this can also be
applied to anything that needs left-mid-right layout.
virgil
http://www.jampmark.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
