wrapper properties applying to all divs

M

meester

New Member
Hey everyone. So I'm running into some troubles trying to get the overflow property from my wrapper to apply to all divs. When I preview in browser mode only my header wants to behave to the overflow rule, am I not coding this right? I've tried using the wrapper as an id tag as well as a class, neither seem to fix the problem.
Here is the code:


<style type="text/css">
<!--
body {
align:center;
background-image:;
background-repeat:repeat-x;
background-image: url();
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
}
.wrapper {
background-color:#FFFFFf;
margin:0px 0px 0px 0px;
padding: 0px;
position:relative;
text-align:center;
top:0px;
width:100%;
height:100%
left:auto;
right:auto;
overflow:auto;
overflow-y:hidden;
white-space:nowrap;
}
#header {
height:84px;
left:auto;
rigth:auto;
margin:0px;
padding:0px;
position:relative;
top:0px;
width:100%;
text-align:center;
}
#mid_content {
height:451px;
left:auto;
right:auto;
text-align:center;
margin:0px;
padding:0px;
position:relative;
top:0px;
width:100%;
}
#footer_content {
height:144;
left:auto;
right:auto;
text-align:center;
margin:0px;
padding:0px;
position:relative;
top:0px;
width:100%;
}
-->
</style>
</head>

<body>
<div class="wrapper">
<div id="header">
<img src="Photoshop%20sites/1/images/header_spacer_left.jpg"><img src="Photoshop%20sites/1/images/header_logo_small.jpg"><img src="Photoshop%20sites/1/images/header_logo_word.jpg"><img src="Photoshop%20sites/1/images/header_spacer_right.jpg"> </div>
</div>
<div id="mid_content">
<img src="Photoshop%20sites/1/images/mid_spacer_left.jpg" width="246" height="451"><img src="Photoshop%20sites/1/images/mid_nav_area.jpg"><img src="Photoshop%20sites/1/images/mid_content_word.jpg"><img src="Photoshop%20sites/1/images/mid_content_image.jpg"><img src="Photoshop%20sites/1/images/mid_spacer_right.jpg">
</div>
<div id="footer_content">
<img src="Photoshop%20sites/1/images/footer_spacer_left.jpg"><img src="Photoshop%20sites/1/images/footer_logo_small.jpg"><img src="Photoshop%20sites/1/images/footer_spacer_right.jpg">
</div>
</div>
</body>
</html>

Thanks in advance
 
springmedia

springmedia

New Member
You are closing the wrapper div class too early and that's why your header is working fine.

<body>
<div class="wrapper">
<div id="header">
<img src="Photoshop%20sites/1/images/header_spacer_left.jpg"><img src="Photoshop%20sites/1/images/header_logo_small.jpg"><img src="Photoshop%20sites/1/images/header_logo_word.jpg"><img src="Photoshop%20sites/1/images/header_spacer_right.jpg"> </div>


</div>Just remove this Div Tag and you should be good


<div id="mid_content">
<img src="Photoshop%20sites/1/images/mid_spacer_left.jpg" width="246" height="451"><img src="Photoshop%20sites/1/images/mid_nav_area.jpg"><img src="Photoshop%20sites/1/images/mid_content_word.jpg"><img src="Photoshop%20sites/1/images/mid_content_image.jpg"><img src="Photoshop%20sites/1/images/mid_spacer_right.jpg">
</div>
<div id="footer_content">
<img src="Photoshop%20sites/1/images/footer_spacer_left.jpg"><img src="Photoshop%20sites/1/images/footer_logo_small.jpg"><img src="Photoshop%20sites/1/images/footer_spacer_right.jpg">
</div>
</div>
</body>
</html>

Hope this helps,
 
You must log in or register to reply here.
Top