Was this posted a few days ago as well?
I remember having a similar problem and couldn't find anything better
than adding
additional spacing through javascript, which checked for Firefox.
Are you saying the 20px in
> #tabbox
> {
> margin: 0 0 0 0;
> padding: 20px 0 50px 20px;
> :
> }
doesn't show up?
It might be easier to help if you put up an example page.
Stephan
On 11/17/06, Brian Jones <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I have two divs one contains tab navigation and the other contains the
> content. I want the content div to display directly under the tabs.
> In IE6 it's displaying how I want it to...but for some reason in FF
> the tabs are showing up at the top inside the content div..Here's my
> html markup and css..I've been trying to play around with the paddings
> and margins but I just can't seem to get it...can someone please
> up...thanx
>
> <div id="tabs4">
> <ul>
> <li id="current"><a href=" " ><span>Role Manager</span></a></li>
> <li><a href=" "><span>User Role Manager</span></a></li>
> <li><a href=" "><span>Services</span></a></li>
> </ul>
> </div>
>
> <div id="tabbox">
> <p> This is one section where you can have a set of controls / contents.</p>
> </div>
>
>
> #tabbox
> {
> margin: 0 0 0 0;
> padding: 20px 0 50px 20px;
> border-top: 1px #cccccc solid;
> border-right: 1px #cccccc solid;
> border-bottom: 1px #cccccc solid;
> border-left: 1px #cccccc solid;
> }
>
>
> #tabs4
> {
> float:left;
> width:100%;
> font-size:93%;
> line-height: normal;
> margin: 0 0 0 0;
> padding: 0 0 0 0;
>
> }
> #tabs4 ul {
> margin:0 0 0 0;
> padding:0px 10px 0px 0px;
> list-style:none;
> }
> #tabs4 li {
> display:inline;
> margin:0;
> padding:0;
> }
> #tabs4 a {
> float:left;
> background:url("../images/wintableft2.gif") no-repeat left top;
> margin:0;
> padding:0 0 0 7px;
> text-decoration:none;
> }
> #tabs4 a span {
> float:left;
> display:block;
> background:url("../images/wintabright2.gif") no-repeat right top;
> padding:0px 15px 4px 6px;
> color:#000000;
> }
> /* Commented Backslash Hack hides rule from IE5-Mac \*/
> #tabs4 a span {float:none;}
> /* End IE5-Mac hack */
> #tabs4 a:hover span {
> color:#000000;
> }
> #tabs4 a:hover {
> background-position:0% -21px;
> }
> #tabs4 a:hover span {
> background-position:100% -21px;
> }
>
> #tabs4 #current a {
> background-position:0% -42px;
> font-weight: bold;
> }
> #tabs4 #current a span {
> background-position:100% -42px;
> }
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- 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/
>
--
Stephan Wehner
> http://stephan.sugarmotor.org
> http://stephansmap.org
> http://www.trafficlife.com
> http://www.buckmaster.ca
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
