Back To Website Design Forum

Over flow auto

  • mackiller
  • Graduate
  • Graduate
  • User avatar
  • Joined: Sep 06, 2004
  • Posts: 108
  • Status: Offline

Post October 7th, 2004, 5:23 pm

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


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

Post October 7th, 2004, 5:23 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post October 7th, 2004, 6:42 pm

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.
;)
- dM
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post October 7th, 2004, 6:47 pm

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.
- dM

Page 1 of 1

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 134 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
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.