No replies
ajoy77.dutta
ajoy77.dutta's picture
Offline
newbie
Last seen: 10 years 33 weeks ago
Timezone: GMT+5.5
Joined: 2009-04-03
Posts: 3
Points: 0

I have designed a layout : Its available in http://www.mynixonline.com/website1/

The view of the layout in IE and Firefox are a bit different. eg: i) There should have been a margin of 15px at the bottom below the container (according to the CSS code) in case of IE. I m getting the desired result in Firefox AND ii) The footer DIV is slightly shifted to the left in case of IE. I want the layout to look as its appearing in Firefox. Plz look at the bottom of the layout once in IE and then in Firefox. Firefox is showing the desired output.

MY HTML CODE IS :::::: ---------------------------------------------------------

My percentage webpage

Domain Registration | Website Hosting | Website Design | Website Redesign | Website Applications Development | Search Engine Optimization (SEO)

Mynix Online is a one stop shop for web design, web development, domain registration, website hosting, search engine optimization (SEO) and a wide array of other web services.

Mynix Online Web Solutions Firm is an Indian based one stop shop for domain registration, web hosting, professional website design, website applications development and search engine optimization (SEO) services. And all these come at an unbeatable price. We are a WEB 2.0 compliant firm. We have proven technical expertise in the field of website design, website redsign, website development , Search Engine Optimization (SEO) services and web promotion. We offer timely delivery of our products and services. We have profound knowledge of the latest web industry trends and we offer progressive end-to-end web solutions. It is to be noted that just designing a beautiful website is not enough. We need to market the website, so that potential visitors may visit the website thus increasing traffic to the site. This way our customer is bound to incrase his business.

Mynix Online Web Solutions Firm is an Indian based one stop shop for domain registration, web hosting, professional website design, website applications development and search engine optimization (SEO) services. And all these come at an unbeatable price. We are a WEB 2.0 compliant firm. We have proven technical expertise in the field of website design, website redsign, website development , Search Engine Optimization (SEO) services and web promotion. We offer timely delivery of our products and services. We have profound knowledge of the latest web industry trends and we offer progressive end-to-end web solutions. It is to be noted that just designing a beautiful website is not enough. We need to market the website, so that potential visitors may visit the website thus increasing traffic to the site. This way our customer is bound to incrase his business.

----------------------------------------------------------------------------------------------------

MY CSS CODE IS :::::----------------------------------

@charset "utf-8";
/* CSS Document */

html, body {
margin:0;
padding:0;
background-image:url(bg.png);
}

div#container {
margin:15px auto;
border:10px solid #FFFFFF;
width:980px;
background-color:#FFFFFF;
position:relative; /* for IE */
display:table; /* for FF */
}

div#header {
margin:0;
float:left;
width:980px;
height:150px;
}

div#header h1 {
font:bold 2em Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding-top:20px;
}

div#header h1 span {
font:normal 0.6em Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

div#keywords {
margin:0;
float:left;
width:980px;
height:25px;
background-color:#98d3f2;
}

div#keywords span {
padding-left:20px;
color:#d5270b;
font:normal 0.9em Arial, Helvetica, sans-serif;
text-align:center;
}

ul#nav {
margin:2px 0 0 0;
padding:0;
float:left;
width:980px;
height:30px;
list-style-type:none;
}

ul#nav li {
display:inline;
float:left;
width:140px;
height:30px;
}

ul#nav li a:link, ul#nav li a:visited {
display:block;
width:140px;
height:30px;
background-color:#1764b2;
font:bold 1em Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

ul#nav li a:hover, ul#nav li a:active {
display:block;
width:140px;
height:28px;
border-bottom:2px solid #1b1eac;
background-color:#ffffff;
font:bold 1em Arial, Helvetica, sans-serif;
color:#f331e3;
text-decoration:none;
text-align:center;
}

div#left-box {
margin:20px 0 0 0;
float:left;
width:190px;
}

div#box1 {
margin:0;
width:190px;
height:227px;
background-image:url(img1.jpg);
}

div#box2 {
margin:20px 0 0 0;
width:190px;
height:250px;
background-color:#f6edd6;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
border-color:#f6edd6;
}

div#box2 marquee {
font:normal 0.8em Arial, Helvetica, sans-serif;
color:#85671f;
padding:10px;
text-align:justify;
}

div#text {
margin:50px 0 0 30px;
float:left;
width:540px;
}

div#text1 {
margin:0;
float:left;
width:540px;
background-color:#daf3d1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
border-color:#daf3d1;
}

div#text2 {
clear:both;
margin:30px 0 0 0;
float:left;
width:540px;
background-color:#daf3d1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
border-color:#daf3d1;
}

div#text1 p, div#text2 p {
padding:20px;
font:normal 0.75em Arial, Helvetica, sans-serif;
color:#8f9c1f;
text-align:justify;
}

div#pic-right {
margin:50px 0 0 30px;
float:left;
width:190px;
background-image:url(img2.jpg);
height:273px;
}

div#footer {
margin:20px 0 0 0;
clear:both;
float:left;
width:980px;
height:25px;
background-color:#22971f;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
border-color:#22971f;
}

div#footer p {
font:normal 0.7em Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}

-------------------------------------------------------------------------------------------

Kindly review and tell me where i have gone wrong..
Thanks.

regards.
ajoy77.dutta