On Mon, Nov 8, 2010 at 1:44 PM, Roth <x...@roth.biz> wrote:
> Hello everybody,
>
> since several days I am dealing with a problem I have with IE.
>
> 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:
>
> __ __ __ __
> |__| |__| |__| |__|
> __
> |__|
> __ __ __ __
> |__| |__| |__| |__|
> __
> |__|
> __ __ __ __
> |__| |__| |__| |__|
> __
> |__|
> __ __ __ __
> |__| |__| |__| |__|
> __
> |__|
>
>
> I have tried with overflow: hidden but couldn't come to a solution.
>
> Here my CSS file:
>
> div#content {
> width: 920px;
> height: 600px;
> clear: both;
> clear: both;
> }
>
> div#content_normal {
> width: 920px;
> }
>
> div#content_right {
> width:920px;
> height: 450px;
> position: absolute;
> top: 220px;
> margin: 0;
> padding: 0;
> }
>
> div#content_border {
> width: 920px;
> position: relative;
> top: 10px;
> }
>
> The picture gallery is displayed in the #content_right area.
>
> Here my html-template:
>
> <div class="wrapper">
> <div id="logo">
> ###LOGO###
> </div>
> <div id="navigation">
> ###MENU_LEFT###
> <div id="nav_right">
> ###MENU_RIGHT###
> </div>
> </div>
> <div id="content">
> <div class="clear">
>
> </div>
> ###IMAGE_TOP###
> <div id="content_normal">
> ###CONTENT_NORMAL###
> </div>
> <div id="content_right">
> ###CONTENT_RIGHT###
> </div>
> <div id="content_border">
> ###CONTENT_BORDER###
> </div>
> <div class="clear">
>
> </div>
> </div>
> </div>
>
> Any help is very appreciated!
>
> Kind regards
>
> Max
> ______________________________________________________________________
I suspect a margin issue.
Try lowering the margins in IE and see if suddenly the break goes away.
If that works then you can use one of several methods to input a
conditional style that sets a different margin for IE
There are others that can best tell you how to accomplish that.
Regards,
Claude
______________________________________________________________________
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/
