homepage Welcome to WebmasterWorld Guest from 54.237.197.160
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
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".

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved