Dear All,
I have a document with multiple DIV tags as below.
<div class="t">
<a class="m" href="book1.html">Book1</a>
<ul>
<li><a class="s" href="/1.html">chapter1</a>
<li><a class="s" href="/2.html">chapter2</a>
</ul>
</div>
<div class="t">
<a class="m" href="book2.html">Book2</a>
<ul>
<li><a class="s" href="1.html">chapter1</a>
<li><a class="s" href="2.html">chapter2</a>
<li><a class="s" href="3.html">chapter3</a>
</ul>
</div>
in IE 6, It gets displayed horizontally (that is required).
But in Firefox, It is coming vertically (problem).
Is there anything to be done for Firefox to display the DIVs horizontally.
Here is the CSS code.
.t
{
width: 250px;
height: 55px;
border: none 1px green;
padding: 5px;
display:inline;
}
.m
{
font-family: Arial;
font-size: 1em;
display: block;
font-weight: bolder;
}
.s
{
font-size: .8em;
font-weight: lighter;
display: inline;
}
I want all the DIVs to be displayed in single row dividing the page vertically
as below.
DIV1 DIV2 DIV3
But in Firefox, all divs are shown one single column dividing the page
horizontally as below.
DIV1
DIV2
DIV3
is there a solution for this?
Thanks a lot.
Regards,
Praveen
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
