homepage Welcome to WebmasterWorld Guest from 54.234.147.84
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
IE7 and position:absolute
Sandro87




msg:4195811
 10:08 pm on Sep 2, 2010 (gmt 0)

Ok this may be simple to fix, but in IE7 only (I dont have the courage to see how my site looks in IE6 aahha ) with this code


div#access_box{
width:290px;
margin:0 auto;
margin-top: 130px;
background: white;
-moz-border-radius: 5px;
border-radius: 5px;
border:2px solid #BFBFBF;
padding: 30px;
text-shadow: 0px 1px 1px #BFBFBF;
}

div#errors_login{
position:absolute;
top: 30px;
left: 50%;
width: 500px;
margin:0 auto;
text-align: center;
border: 1px solid red;
background: rgb(239, 44, 44);
color:white;
font-size: 15px;
padding: 10px;
margin-left:-260px;
}




<div id="errors_login">

</div>";


<div id="access_box">

</div>


without errors_login everything is showed ok, with it access_box magically loses margin-top and so errors_login goes over that div! The problem seems to be position:absolute, but why? bug?

 

Shado




msg:4195976
 9:03 am on Sep 3, 2010 (gmt 0)

position:absolute has a tendency to do that. I would think by giving your access_box a height and margin top it would push it down far enough to all the errors_login to not over lap.

Sandro87




msg:4196005
 11:20 am on Sep 3, 2010 (gmt 0)

ok the problem is that as I said access_box marnin-top in completely ignored when errors_login is displayed!

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