Menu
Hello again,
I’m having some issues getting my page to like right in Ie.
Firstly I’m unable to center my page in Ie 6 and below. I tried to use the text-align: center; property instead of margin: auto; on my content <div>’s to no avail. The pages also stretch the full length of the screen in Ie 6 and below when they should only be 985px wide.
There’s also a great big gap between the first heading and the large picture. This happens in Ie 5 and above.
None of my <ul>’s seem to line up aswell.
The content info part of the page at the top right also seems to be missing the number in Ie 7 and above. When page is loading its there. Then when it finishes loading, bam, its gone.
Here’s a link to an example:
[url]http://www.amberplumbers.co.uk/areas_covered.html
A final issue I’m having is with the contact page. The content of the page is inline verticall as opposed to being horizontal, like it is in Firefox and others.
Here’s the page:
[url]http://www.amberplumbers.co.uk/contact_us.php
Here’s the css file:
[CODE]
html, body {
margin : 0;
padding : 0;
font-family : arial, verdana, sans-serif;
background-color : #ff9600;
background-image : url(images/background.gif);
background-repeat : repeat-x;
height : 100%;
}
#maincontent {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
}
#maincontent_ab {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_ar {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_ba {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_ce {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_co {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_la {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_so {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#maincontent_sy {
width : 985px;
margin-right : auto;
margin-left : auto;
min-height : 100%;
background-color : #fac578;
overflow:hidden;
}
#wrapper {
width : 966px;
margin-right : auto;
margin-left : auto;
height : 100%;
}
#header {
height : 140px;
width : 966px;
background-image : url(images/head_back.gif);
background-repeat : repeat-x;
position : relative;
background-color : #e8e7e6;
clear : both;
}
#logo {
width : 190px;
height : 121px;
background-image : url(images/logo.png);
float : left;
}
#menu {
width : 415px;
height : 121px;
float : left;
}
#navigation li {
display : inline;
margin : 0;
padding : 0;
outline : none;
}
#navigation {
float : right;
margin-top : 40px;
margin-left : 49px;
}
#navigation a {
float : left;
margin : 0;
padding : 0 0 0 0;
text-decoration : none;
outline : none;
}
ul {
display : inline;
}
.num {
position : relative;
bottom : 4px;
}
.num_txt {
font-size : 15px;
position : relative;
left : 54px;
bottom : 8px;
}
#bottom_nav {
margin-left : 44px;
}
#info {
width : 359px;
height : 121px;
float : right;
color : #5c5956;
font-size : 22px;
display : block;
margin-top : 10px;
}
#info_cont li {
float : left;
color : #5c5956;
font-size : 22px;
display : block;
margin-top : 30px;
position : relative;
left : 15px;
}
.head_con {
position : relative;
left : 35px;
color : #ed8c00;
text-decoration : underline;
}
#inf_con {
position : relative;
top : 10px;
}
#info ul {
list-style : none;
}
#pad {
padding-left : 8px;
}
#flash {
width : 966px;
height : 170px;
margin-top : 5px;
float : left;
background-color : #000;
}
#tabs {
width : 966px;
height : 100%;
margin-top : 5px;
float : left;
background-color : #e8e7e6;
background-image : url(images/tab_back.gif);
background-repeat : repeat-x;
}
#bat_con {
width : 966px;
min-height : 100%;
margin-top : 5px;
float : left;
background-color : #f5f5f3;
background-image : url(images/con_back_1.gif);
background-repeat : repeat-x;
}
#tabs_dom {
width : 961px;
height : 321px;
margin-top : 5px;
float : left;
background-color : #000;
background-image : url(images/tab_back.gif);
background-repeat : repeat-x;
}
#dom_con {
width : 960px;
height : 320px;
margin-top : 5px;
float : left;
position : relative;
}
#bot_con {
width : 961px;
height : 100px;
background-image : url(images/bot_con.gif);
background-repeat : repeat-y;
position : relative;
top : 690px;
}
#tab li {
display : inline;
margin-right : 10px;
padding : 0;
outline : none;
}
#bat_con li {
display : inline;
padding : 0;
outline : none;
}
.main_img {
position : relative;
right : 30px;
}
.nav {
position : relative;
right : 27px;
}
.main_img_lan {
position : relative;
right : 15px;
}
.main_img_hel {
position : relative;
right : 31px;
}
.main_img_bat {
position : relative;
right : 18px;
}
.main_img_sol {
position : relative;
right : 35px;
}
.main_img_area {
position : relative;
right : 30px;
}
.main_img_central {
position : relative;
right : 33px;
}
.main_img_benefit {
position : relative;
right : 15px;
}
.col {
color : #ed8c00;
}
.con_head {
color : #ed8c00;
text-decoration : underline;
}
#pag_con ul {
display : block;
}
.pag_con {
width : 930px;
padding : 33px;
margin-top : 325px;
margin-left : 15px;
}
.pag_con_benefit {
width : 930px;
padding : 33px;
margin-top : 205px;
margin-left : 15px;
}
.pag_con_central {
width : 930px;
padding : 33px;
margin-top : 205px;
margin-left : 15px;
}
.pag_con_bath {
width : 930px;
padding : 33px;
margin-top : 25px;
margin-left : 15px;
}
.pag_con_lan {
width : 930px;
padding : 33px;
margin-left : 15px;
margin-top : 225px;
}
.contact_1 {
width : 330px;
height : 500px;
float : left;
margin-top : 20px;
}
.contact_2 {
width : 310px;
height : 500px;
float : left;
margin-top : 95px;
}
.contact_3 {
width : 218px;
height : 500px;
float : left;
margin-top : 85px;
}
.contact_3 li {
float : right;
margin-top : 10px;
}
#list li {
display : block;
padding-top : 10px;
padding-left : 20px;
}
#list_a li {
display : block;
padding-left : 20px;
}
#list_a ul {
width : 150px;
float : left;
}
#are_co {
clear : both;
margin-top : 350px;
}
#tab {
list-style : none;
margin-top : 25px;
margin-left : -4px;
float : right;
}
#tab_us {
list-style : none;
margin-top : 25px;
margin-left : -4px;
float : right;
}
#cont_back {
background-color : #d2d2d1;
}
#tab_us_ten {
list-style : none;
margin-top : 25px;
margin-left : -4px;
float : right;
position : relative;
right : 55px;
top : 65px;
}
#tab_us li {
margin-right : 10px;
padding : 0;
outline : none;
}
#tab_cont {
list-style : none;
}
#tab_cont li {
outline : none;
}
.list_are {
width : 200px;
}
.amb {
color : #ed8c00;
margin-top : 45px;
}
#footer li {
display : inline;
outline : none;
}
#footer {
text-align : center;
margin-top : 6px;
outline : none;
float : left;
position : relative;
left : 110px;
}
a:link, a:visited {
text-decoration : none;
color : #ffffff;
}
a img {
border : none;
}
a {
outline : none;
}
.open {
color : #5c5956;
position : relative;
left : 35px;
}
.leftco li {
position : relative;
margin-left : 56px;
top : 40px;
}
.center {
text-align : center;
}
Thanks