HTML/CSS/Layout/Four Columns

Материал из Web эксперт
Перейти к: навигация, поиск

Содержание

4 columns, all fluid

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html><head><title></title> <style type="text/css">

 #leftcontent {
   position: absolute;
   left:1%;
   width:20%;
   top:50px;
   background:#eee;
 }
 #centerleftcontent {
   position: absolute;
   left:22%;
   width:28%;
   top:50px;
   background:#fff;
 }
 #centerrightcontent {
   position: absolute;
   left:51%;
   width:28%;
   top:50px;
   background:#ccc;
 }
 #rightcontent {
   position: absolute;
   left:80%;
   width:19%;
   top:50px;
   background:#ddd;
 }
 
 #rightcontent, #centerrightcontent, #centerleftcontent, #leftcontent {
   border:1px solid #000;
 }

</style> </head><body>