CSS margin-left extends to where?

HTML & CSS
1

How far down the page does margin-left:25%; go?

Does it depend on the #maincontent contents?

My problem is the footer on one html page extends the total width of the body (1200px) and not remaining contained within the #maincontent. (71%)

All my pages are now using the same CSS page.

thanks . . . rick


body 		{ 	background-color: #0A1794;
			background: url(images/blueleftfade.png) fixed; 						
			font-family: Verdana, Geneva, sans-serif;
		  	font-size:16px;							
         		color:#ccc;
   	        	line-height:130%;
			width:100%;
			min-width:800px;
			max-width:1200px;
		  	margin-top:2%;
			margin-right:1%;
}

#maincontent {  	width:71%; /* 881px */
			float:right;
			text-align:left;
			position:relative;
			margin-left:25%;
}

#footer		{clear:both;
			 float:right;
			 margin-top:1% ;
			 font-size:62.50%; /* 10px */
			 font-style:normal;
			 line-height: 110%;
			 color:#fff;
			 width:100%;
}
2

OK I found it.

There was an extra <div> that was not closed which was causing the problem.

Man - these things are hard to find.

thanks . . . rick

3

Try this free HTML validator:

http://users.skynet.be/mgueury/mozilla/

It is a FireFox add-on that shows the following once a page is loaded:

  1. displays either green or red icon indicating validation in the bottom right corner
  2. when an icon is clicked a popup appears revealing three panels
    a) source code
    b) lines with warnings and error
    c) hints on validation
  1. …

Once tried always used and well worth a donation.