Team:Fudan-Shanghai/Modeling

From 2011.igem.org

(Difference between revisions)
Line 33: Line 33:
#search-controls{display: none;
#search-controls{display: none;
}
}
-
#container {width:100%}
+
#container {width:100%;background:#CCCCCC}
-
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}
+
#Header {width:965px;
-
#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}
+
        margin: 0;
-
#Sidebar { width:100px;margin-left: 5px; margin-top: 10px;height:390px; background:#FFCC00}
+
        padding: 0;
-
#MainBody { width:680px;margin-left: 110px;margin-top: -395px; height:390px; background:#99FFFF}
+
        height:100px;
 +
       
 +
        background:#FFCC99;
 +
}
 +
#PageBody {width:965px;margin:0;border:0;padding:0;background:#CCFF00}
 +
#Sidebar { width:100px; background:#FFCC00}
 +
#MainBody {position:absolute;right:0; width:680px;margin:0; height:390px; background:#99FFFF}
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
H1 { color: green; font-size: 37px; font-family: impact }  
H1 { color: green; font-size: 37px; font-family: impact }  
Line 53: Line 59:
--> </STYLE
--> </STYLE
-
  <BODY>  
+
<BODY>  
-
  <div id="container">
+
<div id="container">
-
    <div id="Header">
+
<div id="Header">
-
      <center><H1>I AM A TEST PAGE</H1> </center>
+
<center><H1>I AM A TEST PAGE</H1> </center>
-
    </div>
+
</div>
-
    <div id="PageBody">
+
-
      <div id="Sidebar"><I><center>index</I><center>
+
<div id="PageBody">
-
      </div>
+
<div id="Sidebar"><I><center>index<br/>index2</I><center>
-
      <div id="MainBody">
+
</div>
-
      <h2>fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space </h2>  
+
<div id="MainBody">
-
      <K> another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box </K>
+
<h2>fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space </h2>  
-
      <pic1><img src="/wiki/images/b/b8/Fudanhead3.jpg" width=400 style="filter:fliph"></pic1>
+
<K> another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box </K>
-
      </div>
+
-
    </div>
+
</div>
-
    <div id="Footer">
+
</div>
-
      <J>text text text text text text text text text  text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text textv</J>
+
-
    </div>
+
<div id="Footer">
 +
<J>text text text text text text text text text  text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text textv</J>
 +
</div>
   </div>
   </div>
-
  </BODY>  
+
</BODY>  
</HTML>
</HTML>

Revision as of 02:19, 2 September 2011


My First Stylesheet

fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space

another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box