PDA

View Full Version : i.e 7 !!!


nits4u
09-20-2009, 07:26 PM
not display as expected in I.E 7....
some bottom part of the page is cut (no displayed)

http://www.maabhangayni.com/

A long way to go.....:-|

nits4u
09-21-2009, 10:04 AM
whats happ. ????

Corrosive
09-21-2009, 12:58 PM
Total guess but...

#maincontent #pic table {
float:right;
border:none;
width:50%;
margin:20px 12px 15px;
clear: both;
}

is the element which is being 'cut off'. Because you have floated it it is out of the natural 'flow' of the site. You may want to start here with fixing it.

nits4u
09-21-2009, 02:59 PM
so what change do you suggest !!!
coz i have also tried by floating it to left. but again no use....

Corrosive
09-21-2009, 03:04 PM
Well, why are you floating it at all?

nits4u
09-22-2009, 04:40 AM
OMG....
Done still NO CHANGE !!!!

Corrosive
09-22-2009, 07:07 AM
You've got loads of floated elements in your css and it is a little jumbled. Difficult to know what is causing the IE7 issue to be honest. I'd expect to see just two floated elements in your set up. The left and right columns. On top of that maybe an image if you want the text to 'wrap' it. Position everything else with margins and padding. Don't use floats to position stuff, use them to float stuff that needs it. Maybe start the page again and try using less floats?

At least look at tidying stuff like...

.rtside #map {
background-image:url(images/map.gif);
height:224px;
margin-top:px;
}

How many px top margin??

#maincontent #acmdtn_pic{
width:230px;
float:right;
margin-right:-10px;
margin-top:-168px;
}

Negative margins? Really?

Any one of these anomalies could be causing your issues.