Over flow auto

  • mackiller
  • Graduate
  • Graduate
  • User avatar
  • Posts: 108

Post 3+ Months Ago

if i use overflow:auto it puses my div all the way over to the right. any body know why???

if i dont use over flow auto my page looks sortof all right.

Code: [ Select ]
/* CSS Document */

.nav {
background-color:#FC6;
color: #CC3300;
height:100%;
margin-bottom: 0px;
margin-left:0px;
margin-top:0px;
margin-right:20px;
text-align:center;
font-family:"Comic Sans MS";
width: 15%;
float: left;
position:relative;
}
.nav a:link {
    text-decoration: none;
    color: #CC3300;
}
.nav a:hover {
    text-decoration: underline;
    color: #993333;
}
.nav a:active {
text-decoration: none;
    color: #CC3333;
}
.nav a:visited {
text-decoration: none;
    color: #CC3333;
}
.main {
background-color: #FC6;
color:#000;
width:65%;
height: 100%;
margin-bottom:0px;
margin-left: 20%;
margin-top: 0px;
padding-left: 15px;
padding-right:15px;
position:relative;
}

.big box{
background-color:#F93;
height: 100%;
width:100%;
margin: 0px 0px 0px 0px;
}

body {background-color:#F93;}
.style1 { color:#B3B9B9;}
.style2 { font-size: xx-large; color: #CC3333; font-weight: bold;}
.style3 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.style4 { font-size: 36mm; font-weight: bold; }
.style6 {color: #CC3333; font: "Comic Sans MS";}
.style9 { font-size: 16px; font-family: "Comic Sans MS";Color: #CC3333; }
  1. /* CSS Document */
  2. .nav {
  3. background-color:#FC6;
  4. color: #CC3300;
  5. height:100%;
  6. margin-bottom: 0px;
  7. margin-left:0px;
  8. margin-top:0px;
  9. margin-right:20px;
  10. text-align:center;
  11. font-family:"Comic Sans MS";
  12. width: 15%;
  13. float: left;
  14. position:relative;
  15. }
  16. .nav a:link {
  17.     text-decoration: none;
  18.     color: #CC3300;
  19. }
  20. .nav a:hover {
  21.     text-decoration: underline;
  22.     color: #993333;
  23. }
  24. .nav a:active {
  25. text-decoration: none;
  26.     color: #CC3333;
  27. }
  28. .nav a:visited {
  29. text-decoration: none;
  30.     color: #CC3333;
  31. }
  32. .main {
  33. background-color: #FC6;
  34. color:#000;
  35. width:65%;
  36. height: 100%;
  37. margin-bottom:0px;
  38. margin-left: 20%;
  39. margin-top: 0px;
  40. padding-left: 15px;
  41. padding-right:15px;
  42. position:relative;
  43. }
  44. .big box{
  45. background-color:#F93;
  46. height: 100%;
  47. width:100%;
  48. margin: 0px 0px 0px 0px;
  49. }
  50. body {background-color:#F93;}
  51. .style1 { color:#B3B9B9;}
  52. .style2 { font-size: xx-large; color: #CC3333; font-weight: bold;}
  53. .style3 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
  54. .style4 { font-size: 36mm; font-weight: bold; }
  55. .style6 {color: #CC3333; font: "Comic Sans MS";}
  56. .style9 { font-size: 16px; font-family: "Comic Sans MS";Color: #CC3333; }


thanks for any help
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Errrrr..... :shock:

Where, exactly, have you used overflow:auto; ?

Code: [ Select ]
float: left;
position:relative;
  1. float: left;
  2. position:relative;

^This makes no sense to me.



btw: Using Comic Sans is a capital offense!
j/k - somewhat.
;)
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

I see you've used "position:relative;" twice. I don't understand why.

Relative positioning means relative to an objects position in the render flow. The problem is, you haven't used any offset measurements to the object's relative position.

Could you please post your HTML as well? This is making no sense to me. Perhaps your HTML could clear up some of my confusion.

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 42 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.