...

View Full Version : css crossbrowser problem



mrjameer
11-04-2006, 06:48 PM
hi,

can anybody tell me that how can i will make following css styles to be viewed same in both internet explorer and mozilla explorer(cross browser compatibility).
here is my code

thanks
mrjameer

<style type="text/css">
html, body { margin: 0px; padding: 0px; border: 0px;background: url(bg1.gif)repeat-x;
background-color:#66CCFF;
}
#navcontainer ul
{
padding-left : 0;
margin-left : 80px;
margin-top:20px;
background-color : #036;
color : #FFFFFF;
float : left;
width : 73.2%;
font: 100% tahoma;line-height: 1.7;
}



#navcontainer ul li
{
display : inline;
}
#navcontainer ul li a
{
padding : 0.2em 1em;
background-color : #036;
color : #ffffff;
text-decoration : none;
float : right;
border-right : 1px solid #fff;
}


#navcontainer ul li a:hover
{
background-color : #369;
color : #fff;
}

#header
{
margin-left : 80px;
margin-top : 0;
float:left;
}



#right
{
position : relative;
height : 779px;
width : 267px;
float : right;
margin-right:72.3px;
background-color : #ffffff;
margin-top : -8px;
color:#000000;
font: 100% tahoma;
background-image: url(h2.jpg);
background-repeat: repeat-x;}


#left1
{
position : absolute;
/*right : 155px; */
margin-right:400px;
margin-top : -8px;
margin-left:160px;
height : 230px;
width : 564px;
float : left;
font: 100% tahoma;
/*background-color : #FFFFFF; */
color:#23238e;
background-image: url(a1.jpg);
background-repeat: repeat-x;}

#left2
{
position : absolute;
/*right : 155px; */
margin-right:400px;
margin-top :221px;
margin-left:160px;
height : 296px;
width : 564px;
float : left;
font: 100% tahoma;
background-color : #e6e6e6;
color:#000000;
background-image: url(a2.jpg); background-repeat: repeat-x;}

#about_imgtable
{
width:218px;
margin-left:50px;
margin-top:8px;
position:relative;
/*margin:auto;*/
/*border:1px dotted navy;*/
border-style:groove;
padding:1px;
border-color:#006400;
clear:right;
border-width:2px;
color:#ffffff;
background-image: url(hostingbg.jpg);
background-repeat: repeat-x;
}



#about_img
{
float:left;
padding:0 10px;
margin-top:5px;
}
#about_right_text
{
display:table-cell;
}
#product_imgtable
{
width:220px;
margin-left:300px;
margin-top:-158px;
position:relative;
/*margin:auto;*/
/*border:1px dotted navy;*/
border-style:groove;
padding:1px;
border-width:2px;
border-color:#006400;
background-image: url(tutorialsbg.jpg);
background-repeat: repeat-x;
color:#ffffff;
}


#product_img
{
float:left;
padding:0 10px;
margin-top:5px;
}
#product_right_text
{
display:table-cell;
}

#community_imgtable
{
width:470px;
margin-left:50px;
margin-top:14px;
position:relative;
/*margin:auto;*/
/*border:1px dotted navy;*/
padding:1px;
border-style:groove;
clear:right;
border-color:#006400;
border-width:2px;
background-image: url(toolsbg.jpg);
background-repeat: repeat-x;
color:#ffffff;
}

#community_img
{
float:left;
padding:0 10px;
margin-top:5px;
}
#community_right_text
{
display:table-cell;
margin-top:10px;
}
#left3
{
position : absolute;
/*right : 155px; */
/*margin-right:500px;*/
margin-top :517px;
margin-left:160px;
height : 291px;
width : 285px;
float : left;
font: 100% tahoma;
background-color : #ffffff;
color:#000000;
background-image: url(a3.jpg);
background-repeat: repeat-x;
}

#lo
{
width:260px;
height:200px;
margin-left:10px;
margin-top:40px;
position:relative;
/*margin:auto;*/
/*border:1px dotted navy;*/
padding:1px;
background-image: url(greens.gif);
background-repeat: repeat-y;
color:#ffffff;
border-style:outset;
border-color:#ff69b4;
}


#login
{
margin-left:100px;
margin-top:30px;
}
#offline
{

margin-left:40px;
margin-top:30px;

}
#left4
{
position : absolute;
/*right : 155px; */
/*margin-right:500px;*/
margin-top :517px;
margin-left:445px;
height : 291px;
font: 100% tahoma;
width : 279px;
float : left;
background-color : #ffffff;
color:#000000;
background-image: url(a4.jpg);
background-repeat: repeat-x;
}


#shamroc_imgtable
{
width:260px;
height:190px;
margin-left:10px;
margin-top:5px;
position:relative;
/*margin:auto;*/
/*border:1px dotted navy;*/
padding:1px;
background-image: url(scriptsbg.jpg);
background-repeat: repeat-x;
color:#ffffff;
border-style:outset;
border-color:#FF69B4;
}
#shamroc_img
{
float:left;
padding:0 20px;
margin-top:5px;
}
#shamroc_right_text
{
display:table-cell;
word-spacing:5px;
}

#blank_footer
{
width : 831px;
clear : both;
height : 150px;
background-color : #6f636b;
font: 100% tahoma;
color : #000066;
text-align : center;
position : absolute;
margin-left : 160px;
background-image: url(a5.jpg);
background-repeat: repeat-x;
color:#ffffff;
}


#footer
{
width : 831px;
clear : both;
height : 150px;
background-color :#ffffff;
color : #000000;
text-align : center;
position : absolute;
margin-left : 160px;
margin-top:150px;
font: 100% tahoma;
background-image: url(g.jpg);
background-repeat: repeat-x;
}

</style>

_Aerospace_Eng_
11-04-2006, 11:14 PM
We need to see your html as well. Posting a link to the page would be better.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum