2 replies [Last post]
desrocchi
Offline
newbie
Italy
Last seen: 14 years 15 weeks ago
Italy
Timezone: GMT+2
Joined: 2007-10-16
Posts: 2
Points: 0

Hi everyone,
I'm experiencing a problem with my layout: it works fine on Firefox but it shows a problem in IE.
I've read a few posts but I couldn't find an aswer to my problem.

The site where you can see the error is mammafacile.it.
In Internet Explorer at the right of the right menu ("la pratica") there is an empty (white) space. Where does it come from? How do I get rid of it?

Information about the structure:
the part that shows the problem is made with 3 DIVs:

#colOne { float: left; width: 23%; }

#colTwo {
float: left;
width: 48%;
padding: 0 0 0 2em;
margin-top: 15px;
}

#colThree {
float: right;
width: 23%;
}

The display of these DIVs is correct but in IE the extra space shows up.

I don't know if I need to post more source code, if so just ask.
Thank you.

Daniele

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 47 weeks 3 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I suspect, but haven't

I suspect, but haven't tested that this is at least part of the problem:

#menu {default.css (line 152)
  background:transparent url(images/mammafacile.png) no-repeat scroll left top;
  float:right;
  width:100%;
}

Removing the hi-lited properties does not alter the layout in Firefox. But IE is greatly screwed up when hasLayout is triggered at the wrong time or place.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

desrocchi
Offline
newbie
Italy
Last seen: 14 years 15 weeks ago
Italy
Timezone: GMT+2
Joined: 2007-10-16
Posts: 2
Points: 0

Thanks for the reply.

Thanks for the reply.
You gave me an idea that helped me find the solution: the problem is caused by a hidden DIV with absolute position that I use to create the menus.
The CSS applied to it is
.hide {
visibility: hidden;
position: absolute;
}

I changed it in

.hide { visibility: hidden; position: absolute; left: 0px; top: 0px; }

and now there is no more white space next to the menu.

Thank you,
Daniele