Forum Moderators: not2easy
I am in need of some advice, if anyone can extend some that is.
I am new to CSS (1 month) and am setting up a website.
I have the following CSS body tag:
body {
margin-left: 25px;
font-family: Verdana, Tahoma, Arial, Helvetica;
background-color: #FFFFFF;
text-color: #000000;
color: #000000;
font-size: 8pt;
scrollbar-face-color: #CCCCCC; scrollbar-shadow-color: #E77118;
scrollbar-highlight-color: #E77118; scrollbar-3dlight-color: #E77118;
scrollbar-darkshadow-color: #E77118; scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #E77118
}
I know some individuals dont like the scroll bar eye candy effect, but I happen to like it very much and yes, I know it works in IE only.
The margin-left is not working for some reason. I have changed the sizes to less PX and more PX to no avail.
I have relocated the command within the body tag to the start, EACH sub line and even the end, again to no avail. I have tried just margin: 25px and nothing happens there either.
The text on the page is going to the EXTREME LEFT, right up against the browsers/screens left side. I want it to come to the right just a bit.
I have even tried adding margin-right: 250px; AND the same thing happens, NOTHING! The text on the right is NOT coming in either.
Both the left and right text characters are firm agains the browser/screen sides.
Can anyone here offer some troubleshooting techniques to help me get the margins to work.
They are NOT within a table or cell.
I am using IE 6.0.26 and Netscape 7.1 to view the pages, BOTH are NOT showing the margins coming in as expected.
I have cleared my cache and temporary internet files dozens of times, still nothing.
Any, any, any advice on where to begin would be most helpful! Any troubleshooting techniques offered would also be most appreciated.
Thanks so much in advance.
Best wishes,
iukini
Jennifer
scrollbar-arrow-color: #E77118
}
You need a ';' at the end of every CSS statement, this might or might not cause problems.
You can also try this, which works on all the browsers I tested it on:
<html>
<head>
<title></title>
<style type="text/css">
body {
padding:0;
margin: 0 0 0 25px;
background-color:blue;
}
div#content {
background-color:yellow;
height:200px;
}
</style>
</head>
<body>
text text text text
<div id="content">
text text text
</div>
</body>
</html>
(that body margin thing means 0 px top, 0px right, 0 px bottom and 25 pixels left, CSS always goes in that order)
This will make the page have zero margins on all browsers, except for the left side.
If you use padding to create that 25 pixel space you run into some other problems, but you need to have padding: 0; for Opera to not add some padding to the body.
You need a ';' at the end of every CSS statement, this might or might not cause problems.
That way I know that's not the problem, although I'm sure you're technically right, although I'm not sure about Netscape 4, it has really bad debugging and error support, I wouldn't bet on that in its case.
