Jump to content

How can I make my new style work in browsers other than IE7/FF


Technex

Recommended Posts

http://tactical-infusion.com/test/

 

How can I make my new style work in browsers other than IE7 and Firefox 2.x.

 

On windows at least.

 

 

Thanks!

 

 

* {
margin:0;
padding:0;
border:none;
}

html, body {
height:100%;
}

body {
font-family:arial, sans-serif;
color:#000;
font-size:82%;
background:#ffffff;
margin:0 3% 0 3%;

}

#header{
position:absolute;
top:0;
left:0;
width:100%;
height:120px;
background:#0099CC;
}

#clearheader {
height:130px;
}

#mainbody{
background:#CCCCCC;
min-height:100%;
padding-right:208px; /*Allow for content */
padding-left:200px;
margin-bottom:-62px; /*Same as footer a/ for extra*/
min-width:500px;
border-left:4px solid #b3b3b3;
border-right:4px solid #b3b3b3;
}

/*#mainbodyshadow{
width:8px;
background:#003333;
height:200px;
background-image:();
background-repeat:repeat-y;
float:left;
}*/ /*Temp out*/

#leftmenu{
float:left;
margin-left:-200px;
text-align:left;
background:#FFCC00;
width:200px;/*Change mainbody padding*/
list-style:none;
list-style-position:outside;
}

#right {
float:right;
margin-right:-200px;
text-align:left;
background:#FFCC00;
width:200px;
}

#content {
background:#CCCCCC;
width:100%;
float:left;
margin:0;
padding:4px;
text-align:justify;
}

#clearfooter {
clear:both;
height:115px;
}

#footer {
border-top:1px solid #999999;
width:50%;
margin:0 auto;
clear:both;
height:60px;
line-height:60px;
font-weight:bold;
text-align:center;
position:relative;
}

 

View source for HTML please.

 

Thanks ever so much guys!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.