 |
 |
|
||||||||
|
||||||||
01-12-2011, 03:39 PM
|
#1 |
|
New Member
 Join Date: Nov 2010
Posts: 11
|
wrapper properties applying to all divs
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
__________________
-meester |
|
|
|
01-12-2011, 04:16 PM
|
#2 |
|
Bronze Member
 
Join Date: Dec 2010
Location: Falmouth, Cornwall
Posts: 60
|
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,
__________________
Rich Lacey Spring Media Design Website Design Cornwall | Affrodable Website Design |Web Hosting Cornwall |
|
|
|
|
01-12-2011, 06:13 PM
|
#3 |
|
New Member
Join Date: Nov 2010
Posts: 11
|
Wow, thanks a lot! :facepalm: me.
__________________
-meester |
|
|
|
 |
| Thread Tools | |
| Display Modes | |
|
|
Linear Mode
