Hello,
I'm sort of new to CSS and had a question regarding width. I'm trying to set the width of a <div> to 100% but can't seem to get the full 100% i.e., there is a margin of about 2px on the right, hence the unneccessary scroll bars. How do I get a true 100%?
body { margin: 0; padding: 0; background-color: #CCCCCC; }
#header { background-color: #0d0d0e; height: 128px; width: 100%; position: relative; }
#logo { border: 1px solid #999999; padding: 3px; margin-left: 3px; margin-top: 3px; }
#arrows { border: 1px solid #999999; padding: 3px; margin-left: 0px; margin-top: 3px; }
ul#navlist { font-family: sans-serif; }
#navcontainer { position: absolute; width: 100%; margin-left: 3px; margin-top: 110px; }
a#active { color: #ffffff; padding: 4px; }
#logocontainer { position: absolute; }
Thank you,
Jand the HTML....
I'm sort of new to CSS and had a question regarding width. I'm trying to set the width of a <div> to 100% but can't seem to get the full 100% i.e., there is a margin of about 2px on the right, hence the unneccessary scroll bars. How do I get a true 100%?
body { margin: 0; padding: 0; background-color: #CCCCCC; }
#header { background-color: #0d0d0e; height: 128px; width: 100%; position: relative; }
#logo { border: 1px solid #999999; padding: 3px; margin-left: 3px; margin-top: 3px; }
#arrows { border: 1px solid #999999; padding: 3px; margin-left: 0px; margin-top: 3px; }
ul#navlist { font-family: sans-serif; }
#navcontainer { position: absolute; width: 100%; margin-left: 3px; margin-top: 110px; }
a#active { color: #ffffff; padding: 4px; }
#logocontainer { position: absolute; }
Thank you,
Jand the HTML....