Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-10-2012, 12:16 AM   PM User | #1
vamvam33
New to the CF scene

 
Join Date: Jul 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
vamvam33 is an unknown quantity at this point
IE not positioning divs correctly

My site is fine in other browsers, but in IE, my "main-box" area overlaps my the other content. I think its a div error, but I've tried chaning things and cannot make it work.

Site: http://www.vamdesign.com

css:
#container {
height: 768px;
width: 1024px;
z-index:-1;
background-image: url(images/VAMDesignbkg.png);
background-repeat: no-repeat;
position: absolute;
margin-left: -512px;
left: 50%;
padding: 0px;
}
#main-box {
position:absolute;
width:640px;
height:480px;
z-index:-1;
background-color: #FFF;
top: 42px;
left: 184px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
behavior:url(border-radius.htc);
border: 1px solid #050DAE;
margin: 0px;
padding: 0px;
}


html:
<div id="container">
<div id="main-box">
<div id="iamdesign">
<img src="images/iamdesign.png" width="213" height="32" alt="iamdesign" /></div>
<div id="text-here">
<h1>Hi, I’m Vicki A. Morawietz &amp; I AM a Visual Designer, Art Director, GUI, &amp; UI designer, <span class="ninja">photoshop</span> <span class="ninja">ninja, </span>&amp; <span class="guru">illustrator</span> <span class="guru">guru</span>.</h1>
<ul class="navlist">
<li>Success in web design, user interface, and print for fortune 500 companies <br />
</li>
<li>Creative skills that exceed design trends and drive sales<br />
</li>
<li>Adaptive and comfortable in small scale or executive corporations<br />
</li>
<li>Ambitious with excellent leadership skills</li>
</ul>
<p class="space">I have excellent attention to detail, am well organized, efficient, and able to communicate creative ideas from concept to delivery. I enjoy challenges, have owned and operated my own graphic design business, built a creative services department from the ground up, as well as managed a team of graphic designers. I always strive to move forward in design and in life.<a href="contact.html"> Contact me.</a><br />
</p>
<div id="buttonplace">
<p> <a href="VMorawietz.pdf" class="download">Download Resume</a></p>
<div id="webdesign">
</div>
</div>

I've tried to change the z-index of #container to -1 and when I do, the background image goes to the background but then I loose all the info that is in the #main-box, when I change that z-index for #main-box, nothing changes.

Let me know if you need the full css. I'm at a loss here.

Thank you.
vamvam33 is offline   Reply With Quote
Reply

Bookmarks

Tags
ie css div

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:19 AM.


Advertisement
Log in to turn off these ads.