web site problem only on IE7

[allampatu]

hi guys
my css works perfectly in all browser/SO but except IE7
in html file i have set up the if ie 7 css file and i can’t understand because there is this too space between the two divs

[img]http://img824.imageshack.us/img824/134/immagine1s.png[/img]

my resumed html file

Code:

my css file

Code:

body {
background: url(/images/background.jpg) repeat-x center top;
font-family: Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
}

a {
color: #333;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h6 {
padding-left: 85px;
text-align:center;
font-size:58%;
}

.wrap {
margin-left:-507px;
left:50%;
position:absolute;
text-align:left;
width: 62em;
}

.header{
background-image:url(/images/header.png);
margin-top: -8px;
background-repeat:no-repeat;
}

.title {
background-image:url(/images/title.png);
height: 33px;
background-repeat:no-repeat;
}

.main {
background-image:url(/images/main.png);
margin-top: 110px;
background-repeat:no-repeat;
min-height:592px;
}

.footer {
background-image:url(/images/footer.png);
background-repeat:no-repeat;
height: 26px;
margin-top:-17px;
margin-bottom: -8px;
}

.logo {
margin-left:120px;
margin-top:10px;
}

.right {
font-size: 24px;
font-weight: bold;
color: #333;
text-align:right;
padding-left: 706px;
margin-top: -145px;
letter-spacing: 3px;
float:right;
position:absolute;
}

.text {
padding-left: 320px;
margin-top:-110px;
font-size:0.8em;
margin-right:250px;
width:580px;
}

.crif {
margin-bottom: 18px;
}

thanks a lot

[allampatu]

sorry for double post

i’m trying with a different ccs file but it seems doesn’t work.

i’m working on a mac and the only solution to see IE is Adobe Browser lab, for me.

believe me guys, i’m going crazy!

[virtual]

If you post a link we’ll be able to see it too and perhaps help out.

If you have an Intel Mac you could install Windows on a virtual machine and have all the PC browsers, but for that you need to invest a little in either Parallels or VMWare and then the PC OS.

[allampatu]

ok the link is http://www.csgisrl.it/

i bought a mac to speed up my work. i don’t want have any microsoft shit in my beautiful and desired mac (but this is another topic)

i don’t care about ie 6 or 7, this is only a whim for the owner of the site. i suggested to him to update to IE 8 at least.

[virtual]

Ok, so you don’t want to mess up your Mac…but if you are serious about web deign you need to be able to test on a PC platform, use an old one.

About you suggesting to your client to update to IE8, how are you going to suggest to all his clients that visit his site that they need to update too? There are still a lot of people using IE6 and 7 even if you and your client don’t, so it is a good idea to make your site as viewable as possible with these browsers even though you might think it a whim.

In IE7 you have in .main a margin-top of 110px, if you make a CC for IE7 and remove that, the main content will move up. Didn’t check in IE6.

P.S. You also have a few validation errors which could cause you some problems in IE.

[allampatu]

thanks for your kindly answer

now i’m not a web designer full time, i’m a marketing student and i want specialize me in web marketing and comunication.

anyway thanks for html tips, now is validate but the bottom triangle in menu give me problem in IE 8 now and so i’ve opted to an alternative shyle sheet to hidden this element.

i eliminated the .main margin-top in ie7 style sheet but nothing happens

thanks again for your support

[virtual]

You don’t eliminate it, that means IE7 will read the main style sheet, you have to write it in the IE7 stylesheet as 0 like this

Code:

.main {
background-image:url(/images/main.png);
background-repeat:no-repeat;
margin-top: 0;
}

[allampatu]

sorry my friend but it still doesn’t work!

i think that IE in generally doesn’t like margin tags…

[Author]

Posts