ioevanc
09-20-2008, 09:16 AM
Hello, I am building a joomla based subsite in addition to an ASP site, The layout seems to be perfectly aligned when viewed in IE but it tends to shift to the left in Fire Fox, I have no Idea why, I tried everything I could but I can't seem to get rid of the problem. Can anybody help ?
Here is the site I'm working on http://poli.com/ and I am comparing the top layout portion logo & phone number to http://poli.com
This is the CSS file
* {
margin: 0 auto;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin:0.5em 0;
}
li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}
body {
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
}
body {
text-align:center;
}
#wrap {
min-width:760px;
max-width:950px;
width:auto !important;
text-align:left;
margin:0 auto;
}
#content {
float:left;
width:60%;
overflow:hidden;
}
#footer {
clear:both;
}
.inside {
padding:10px;
}
#sidebar,#sidebar-2 {
float:left;
width:20%;
overflow:hidden;
background-color: #f1f1f1;
}
#header {
background-color: #930404;
}
#logo {
float : left; margin-left: 155px;
padding-top:21px
}
#tel {
float : right; margin-right: 155px;
padding-top:20px
}
#spacer {
clear : both;
}
Here is the site I'm working on http://poli.com/ and I am comparing the top layout portion logo & phone number to http://poli.com
This is the CSS file
* {
margin: 0 auto;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin:0.5em 0;
}
li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}
body {
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
}
body {
text-align:center;
}
#wrap {
min-width:760px;
max-width:950px;
width:auto !important;
text-align:left;
margin:0 auto;
}
#content {
float:left;
width:60%;
overflow:hidden;
}
#footer {
clear:both;
}
.inside {
padding:10px;
}
#sidebar,#sidebar-2 {
float:left;
width:20%;
overflow:hidden;
background-color: #f1f1f1;
}
#header {
background-color: #930404;
}
#logo {
float : left; margin-left: 155px;
padding-top:21px
}
#tel {
float : right; margin-right: 155px;
padding-top:20px
}
#spacer {
clear : both;
}