Welcome to WebmasterWorld Guest from 54.147.158.215

Forum Moderators: not2easy

Message Too Old, No Replies

Divs out of place in IE7

floating problems?

     
4:42 pm on Sep 7, 2011 (gmt 0)

New User

5+ Year Member

joined:Sept 7, 2011
posts: 1
votes: 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]

2:36 pm on Sept 13, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 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".
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members