Previous Message
Next Message

Can't Absolutely Position a Horizontal UL in layout

Sent by Els on 20 April 2006 10:10


TMH Design wrote:
> I am a bit perplexed on this and would appreciate some help.
> Please look at this site, www.shopthevitaminstore.com/index.php
>
> At the top I have a div called masthead within which I placed
> some items. Its essentially the header area. In that div I
> have an absolutely positioned ul with an id of tabnav

> ul#tabnav {
> list-style-type: none;
> padding:0;
> font: bold 11px verdana, arial, sans-serif;
> position:absolute;
> bottom:30px;
> background: transparent url(../images/nav_bg.gif) 3px 1px
> no-repeat;
> border:1px solid red;
> }

Add margin:0; to that list.
In Firefox it makes the white space between the tabs and the 
green bar disappear, and I'm guessing in Opera it will eliminate 
the left margin as well.
If that doesn't do the trick yet, try left:0; in addition.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: