> 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 [[email protected]]
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/
