| Divs out of place in IE7
floating problems? |
plirio
msg:4359559 | 4:42 pm on Sep 7, 2011 (gmt 0) |
I have a problem with 3 divs in this project, menu, banner and footer are out of place in IE but in firefox, safari and google chrome they appear in a right place.
I m new in joomla and i made the template from the scratch, i need help to figured out this issues, i try search the forum and check similar problems but i d'ont find a solution.
This is the css for the divs that are out of place in internet explorer:
/*Menu*/
#menunav {
position: absolute;
margin-left: 20px;
width: 700px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
/*Breadcrumbs*/
#breadcrumbs div.moduletable {
margin-left:12px;
text-align:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#8b8b8b;
}
#breadcrumbs {
margin-top:34px;
margin-left:20px;
width:940px;
background-color:#333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/* banner*/
#banner{
text-align: center;
margin-left:20px;
width:940px;
clear:both;
}
/*Footer*/
#footer{
clear: both;
position: relative;
z-index: 10;
height: 3em;
margin-top: -3em;
margin-bottom: 3em;
height:35px;
width:940px;
margin-left: 20px;
background-color:#333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
Thanks in advance. [edited by: alt131 at 2:26 pm (utc) on Sep 13, 2011]
[edit reason] Thread Tidy [/edit]
|
alt131
msg:4361954 | 2:36 pm on Sep 13, 2011 (gmt 0) |
Hi plirio, and welcome to WebmasterWorld :)
Well done for making a template yourself - but I'm not sure this is a float issue because none of the divs are floating. However, note that div#menunav is absolutely positioned. Recalling elements with position:absolute are removed from the flow - could that be causing the problem?
Otherwise, can you explain what you mean by "out of place".
|
|
|
