On 11/8/10 3:48 PM, Roth wrote:
Hello again,

I found the problem!

It was the padding within the a { } statement!

a {
   font-size: 12px;
   font-weight: bold;

   padding: 10px;

   color: #948f8b;
   text-decoration: none;
}


Good night!

Max
[...]

With TYOP3 I have created a picture gallery. It consists of 5 columns
and 4 rows. In Firefox is shows like following:
  __   __   __   __   __
|__| |__| |__| |__| |__|
  __   __   __   __   __
|__| |__| |__| |__| |__|
  __   __   __   __   __
|__| |__| |__| |__| |__|
  __   __   __   __   __
|__| |__| |__| |__| |__|

Unfortunately in IE it shows like this:

  __   __   __   __
|__| |__| |__| |__|
  __
|__|
  __   __   __   __
|__| |__| |__| |__|
  __
|__|
______________________________________________________________________

You don't tell us how you are styling those boxes, but I suspect you
are using floats? I just made a tutorial for a fellow student on laying
out an image gallery using "display: inline-block" instead:

http://webwiz.robinshosting.com/temp/fay/

An earlier thread on this list suggests supplementing the "*display:
inline;" with "zoom: 1;" so the IE fix would now be:

.gallery li {
  *display: inline;
  zoom: 1;
}

HTH.

Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to