SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Dec 2009
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS margin-left extends to where ?

    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

    Code:
    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. #2
    SitePoint Addict
    Join Date
    Dec 2009
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #3
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,880
    Mentioned
    74 Post(s)
    Tagged
    6 Thread(s)
    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
    3) ...

    Once tried always used and well worth a donation.
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Wolfshade on earning Member of the Month for August 2014


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •