Hi im new here and wanted toa sk for your help...
here is the link to a template im working on for my site and it looks how it should in firefox but for some reason its pushing one of the boxes tot he side in IE..
*edited to remove link cos it isnt there anymore*
heres the CSS to go witht hat...

body {
background:url("pics/bg.gif")maroon;
font-family:arial,serif,sans-serif; 
color:black;
font-size:100%;
margin:0;
padding:0;
}
 
img{
padding:0;
margin:0;
border:none;}
 
#container{
padding:0;
margin:0;}
 
#header{
width:759px;
height:220px;
padding:0;
margin:0;}
 
#menu{
padding:0px;
margin:0px;
float:left;
}
 
.mbxt{
width:183px;
height:47px;
padding:0;
margin:0;
background:url("pics/mbxt.gif")#660066;
color:#ccccff;
background-repeat:no-repeat;}
 
.mbx{
width:183px;
height:223px;
padding:0;
margin:0;
background:url("pics/mbx.gif")#CCCCFF;
color:#660066;
background-repeat:no-repeat;}
 
.mbxt2{
width:183px;
height:45px;
padding:0;
margin:0;
background:url("pics/mbxt2.gif")#800080;
color:#ccccff;
background-repeat:no-repeat;}
 
.mbx2{
width:183px;
height:224px;
padding:0;
margin:0;
background:url("pics/mbx2.gif")#CCCCFF;
color:#660066;
background-repeat:no-repeat;}
 
#content{
width:576px;
height:539px;
padding:0;
margin-left:183px;
background:url("pics/content.gif")#CCCCFF;
color:#660000;
background-repeat:no-repeat;}
 
.heda{
padding:0;
margin:0;
border:0;
}
 
#foot{
width:780px;
height:106px;
padding:0;
margin:0;}
 
.fta{
width:759px;
height:50px;
padding:0;
margin:0;
background:url("pics/footad.gif")#660066;
color:#CCCCFF;
background-repeat:no-repeat;
}
 
.ftc{
width:759px;
height:56px;
padding:0;
margin:0;
background:url("pics/footcopy.gif")#CCCCFF;
color:#660066;
background-repeat:no-repeat;
}
 

its xHTML strict and it all validates and works fine in IE and i dont know how to fix this problem ive tried a ton of things!
thanks in advance.

I haven't found why it's off in IE, but I have a workaround you can try. Unfortunatley the workaround won't validate.

If you add _margin-left after margin-left in the content div IE will accept it with the underscore and use that since it comes later in the css. It doesn't validate though.

I'm thinking there's some default value that's forcing the content div a few extra px in IE, but most of the common ones that I'm aware cause problems you seem to have set explicitly. If I can find something I'll check back in, though I suspect someone else will be here to beat me to it.

Thanks a lot for your help i really appreciate it.
Im pretty anal about it validating so i hope there's another fix
Ill keep trying and watch for more replies!
Thanks again

I can understand. I can be too, but sometimes it's the only way I've found to fix things. What I do with that code is use it in a separate css file and only include it for IE. I can actually get pages to validate that way, but I think it's kind of a faux validation with me tricking the validator a bit.

The problem isn't in your code, it's your content background graphic. Shave 3px off of the left side of the box, add it to the right side and then everything lines up.

Thanks Lady but when id o that i get the bad look in firefox... its like if it looks right in one it looks wrong in the other one!
This is getting really frustrating! lol
I had it fixed by making my background image the full width and putting the little menu box's over top of it inside the same containing div as the content was going (i just accidently lost that code trying your suggestion lol no bigee) BUT then when i did that and i coded the actual content box (next to the menu box's) i was having some margin problems, im gonna go away and re-do what i had done and then come and show you guys the new margin problem lol
So what it seems to be is when i float the menu boxes and try to put the content box next to the floated menu box it mess's up the margins and pushes the content box in a weird place, and it would be fixable with add/removing padding/margins EXCEPT that the problem only happens in one browser at a time!!!
im beginning to see why everyone hates IE
Thanks again for your help.

Hi all
i just wanted to tell you that i decided to do a little re-design to hopefully help fix my problems!
So ill be back to ask more if my re-designing doesnt work out.
Thanks for all your help!
oh and vangogh forgot to say yesterday thats a good idea with putting the non validating in another css file when you need to do stuff like that ill keep that in mind if i need it in the future! thanks!

<H2>The page cannot be found



الصفحة المطلوبة غير موجودة



الإعلان في موقع الخيمة يحقق أهدافك Advertise on Khayma.com

الخيمة العربية - جميع الحقوق محفوظة 1997-2004 © http://www.khayma.com

Did I miss something? It looks like a dead link.</H2>

Oh i took it down cos i fixed it with a slight redesign sorry ill edit the link in the OP