469,946 Members | 1,739 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,946 developers. It's quick & easy.

CSS div positioning IE, Safari and Firefox

The site I'm working on is http://www.m23law.co.uk

I have finally managed to get it dislaying properly in IE and Safari, but now it's broken in Firefox. Does anyone have any idea what could be wrong?

/* Position Container*/

#container {
background: #FFFFFF;
display: table;
padding: 0px;
position: relative;
top: 0px;
left: 50%;
margin-left: -365px;
width: 780px;
height: 100%;
border-right: solid 2px #000066;
border-left: solid 2px #000066;
}

/* Position other elements */

#menu {
position: relative;
float: left;
width: 114px;
height: 100%;
text-align: left;
padding: 0px;
}

.header {
font-style: bold;
position: relative;
top: 0px;
height: 100px;
background-repeat: no-repeat;
text-align: right;
color: #330066;
padding: 0px;
padding-right: 10px;
margin: 0;
}

#contents{
position: relative;
display: block;
float: right;
width: 632px;
height: 100%;
text-align: justify;
padding: 15px;
}

#copyright {
display: block;
position: absolute;
bottom: 0px;
text-align: center;
font-size: 8pt;
width: 100%;
}
Jul 18 '07 #1
1 2858
drhowarddrfine
7,435 Expert 4TB
You will never get IE to pretend to act like modern browsers without a proper doctype. See the article about doctypes above.
Jul 19 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by Laiverd.COM | last post: by
reply views Thread by chris ciotti | last post: by
4 posts views Thread by CJM | last post: by
17 posts views Thread by pasdecrap | last post: by
reply views Thread by chris ciotti | last post: by
14 posts views Thread by Fistro | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.