SitePoint Sponsor |
|
User Tag List
Results 1 to 8 of 8
Threaded View
-
Sep 18, 2004, 07:02 #1
- Join Date
- Feb 2004
- Location
- Switzerland
- Posts
- 2,253
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
comments on this code requested. Is everything is ok? What can I improve?
Hi
I guess the title of this thread says pretty much everything. I just wanna make sure that there are no 'big mistakes' in my code. If you havee something to say about any improvements that I could make, feel free to speak! It's just a little layout, but before I use the above code in all the pages of my site, I wanna hear the pros!
Thanks in advance for your time and your support.
style.css:
Code:/* *************** html and body *************** */ html, body { margin: 5px; padding: 5px; } body { background: #fff; color: #000; line-height:17pt; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;/* center for ie5*/ } /* *************** layout *************** */ #container { background: #fff; position: relative; margin: 0px auto; padding: 15px; width: 95%; border: 2px dashed #e0e0e0; text-align:left;/*re-set text*/ } * html #container {width:90%;w\idth:90%} #pageHeader { min-height:30px;/* all compliant browsers (not ie - ie just ignores it)*/ height:auto;/*all compliant browsers (inc IE) */ margin: 0px; border-bottom: 2px solid #e0e0e0; padding-top:15px; } * html #pageHeader {height:30px}/* only ie gets this and it overrides the height:auto and so must follow that style in the css and not be placed before it */ #hozSeparation { background: #e0e0e0; } #mainContent { height: 400px; min-height:400px; border: none; } body>#container #mainContent {height:auto} #leftCol { height: 400px; min-height:400px; border-right: 20px solid #e0e0e0; float:left; width:140px; margin-right:-2px; } body>#container #mainContent {height:auto} #content { height: 400px; min-height:400px; margin-left:2px; } body>#container {height:auto} #footer { height: 30px; background: #fff; border-top: 2px solid #e0e0e0; } /* *************** paragraphs *************** */ p { margin: 4px; } .pBold { font-weight: bold; } /* *************** links *************** */ a:link {color: #3e5c92; text-decoration: underline} a:visited {color: #3e5c92; text-decoration: underline} a:hover {color: #b7b7b7; text-decoration: underline} a:active {color: #b7b7b7; text-decoration: underline} /* *************** text size *************** */ h6 { font-size: 90%; font-weight: bold; color: #3e5c92; border-bottom: 2px dashed #b7b7b7; width: 140px; margin-left:5px; padding:left:5px; }
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="pageHeader"> Page Header </div> <div id="hozSeparation"> <br /> </div> <div id="mainContent"> <div id="leftCol"> left column </div> <div id="content"> content </div> </div> <div id="footer"> footer </div> </div> </body>
Bookmarks