I own a website and am still kinda new to css. I have the layout perfect how i want it in my screen in IE6 maximized. (Go here to check it out: <!-- m --><a class="postlink" href="http://www.gamingnn.com">http://www.gamingnn.com</a><!-- m --> ) When you press the resize button and drag the size of the window around you will notice how the content and other divs overlap eachother. How can i fix this problem? In the past i have tried px and then the content goes way off the screen so u have to scroll and now % isn't working for me either. You may view my css at <!-- m --><a class="postlink" href="http://www.gamingnn.com/tempcss.css">http://www.gamingnn.com/tempcss.css</a><!-- m --> thank you for your help.Try it with these changes to your CSS and see what you think:
body {
margin: 0;
padding: 0 1%;
}
#header
{
width: auto;
height: auto;
}
#navigation
{
float: left;
width: 19%;
height: auto;
margin: 1% 0;
padding: 1%;
}
#content
{
overflow: auto;
height: auto;
margin: 1% 0 0 20%;
padding: 1%;;
}wow thank you so much. When i go to school tommorow i'll test it on that computer too.Check out this post for a simple explanation as to why they were overlapping in the first place: Percentile Width Problems (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&postid=203735#post203735">http://www.webdeveloper.com/forum/showt ... post203735</a><!-- m -->)
body {
margin: 0;
padding: 0 1%;
}
#header
{
width: auto;
height: auto;
}
#navigation
{
float: left;
width: 19%;
height: auto;
margin: 1% 0;
padding: 1%;
}
#content
{
overflow: auto;
height: auto;
margin: 1% 0 0 20%;
padding: 1%;;
}wow thank you so much. When i go to school tommorow i'll test it on that computer too.Check out this post for a simple explanation as to why they were overlapping in the first place: Percentile Width Problems (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&postid=203735#post203735">http://www.webdeveloper.com/forum/showt ... post203735</a><!-- m -->)