Line 66: | Line 66: | ||
#myfooter { | #myfooter { | ||
position: absolute; | position: absolute; | ||
+ | float: left; | ||
+ | bottom: 0pt; | ||
+ | width:100%; | ||
+ | height:100px; /* Height of the footer */ | ||
+ | |||
+ | } | ||
+ | #myfooterL { | ||
+ | position: relative; | ||
float: left; | float: left; | ||
bottom: 0pt; | bottom: 0pt; | ||
width:50%; | width:50%; | ||
height:100px; /* Height of the footer */ | height:100px; /* Height of the footer */ | ||
− | background-color: | + | background-color: purple; |
} | } | ||
− | # | + | #myfooterR { |
− | position: | + | position: relative; |
float: right; | float: right; | ||
bottom: 0pt; | bottom: 0pt; | ||
width:50%; | width:50%; | ||
height:100px; /* Height of the footer */ | height:100px; /* Height of the footer */ | ||
− | background-color: | + | background-color: yellow; |
+ | text-align: right; | ||
} | } | ||
</style> | </style> | ||
Line 119: | Line 128: | ||
</ul> | </ul> | ||
− | <div id="myfooter">Test L</div> | + | <div id="myfooter"> |
− | <div id=" | + | <div id="myfooterL">Test L</div> |
+ | <div id="myfooterR">Test R</div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</body> | </body> |
Revision as of 16:06, 3 August 2017