> In the menu items, price should be the same line as the menu description.
I think I possibly found the problem. Here's the following CSS code has a
clear property set to the value of "both":
div.itemSpec li.title, div.itemSW li.title, div.itemSoup li.title,
div.itemSalad li.title {
float: left;
color: #363;
clear: both;
width: 430px;
font-size: 1.1em;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 10px;
border-bottom: 1px dotted #D9D9D9;
background: url(../pictures/image153.gif) no-repeat left center;
font-weight: bold;
text-align: left;
}
When you have the price float, it won't be on the same line because the
"title" class is clearing both sides of the element. Try to comment out
(/**/) the "clear: both" and see what happens. If that doesn't work try
"clear: left."
----- Original Message -----
From: "tee" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Tuesday, April 26, 2005 5:39 PM
Subject: [WSG] float problem in IE
> Hi I am sure many people have encountered similar problem with float in
IE,
> here I am, fighting with it in the last three hours still can't get it
fix.
> My problem also that I can't tell whether it's double float margin bug or
> something else.
>
> http://clients.lotusseeds.com/menus_1_new.html
> http://clients.lotusseeds.com/css/menus.css
>
> In the menu items, price should be the same line as the menu description.
>
> Example:
>
> --> Roasted Pork Shoulder
> -----------------------------------------------
> With Blue Cheese Aioli, Spinach, Caramelized Onion and $6.50
> Tomato (Ciabatta Bread)
>
> --> The Other Club
> -----------------------------------------------
> With Blue Cheese Aioli, Spinach, Caramelized Onion and $6.50
>
>
> In IE, it goes like this
>
> --> Roasted Pork Shoulder
> -----------------------------------------------
> With Blue Cheese Aioli, Spinach, Caramelized Onion and
> Tomato (Ciabatta Bread)
>
> --> The Other Club
$6.50
> -----------------------------------------------
> With Blue Cheese Aioli, Spinach, Caramelized Onion and
>
> The price in the first item drops to second, makes it looks like the price
> stay at the same line as the item name.
>
> My code looks like this:
>
> div.itemSpec li.desc {
> float: left;
> width: 350px;
> clear: both;
> border-bottom: 1px;
> font-size: 12px;
> color: #333;
> margin-bottom: 5px;
> padding-top: 5px;
> padding-left: 5px;
> margin-right: 0px;
> text-align: left;
> display: inline;
> }
>
> div.itemSpec li.price {
> float: right;
> width: 45px;
> padding-top: 5px;
> text-align: right;
> font-size: 14px;
> color: #930;
> margin-right: 20px;
> margin-left: 15px;
> display: inline;
> }
>
> Thanks!
>
> tee
>
>
> ******************************************************
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ******************************************************
>
>
>
> --
> No virus found in this incoming message.
> Checked by AVG Anti-Virus.
> Version: 7.0.308 / Virus Database: 266.10.3 - Release Date: 4/25/2005
>
>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
