SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Advice

  1. #1
    SitePoint Wizard Dangermouse's Avatar
    Join Date
    Oct 2003
    Posts
    1,024
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Advice

    Could anyone give me any advice on http://falcon.dnsvs.net/~switch/new/

    Any [potentional] browser problems, shorter code, etc?

    Thanks!

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Had a quick look and it seems ok (except there seems to be a table in there lol - I bet you knew I was going to say that )

    You have a spelling mistake at the end of your font definitions (you have seif instead of serif).

    It displays ok in ie5, 5.5.,6, mozilla 1.2, firebird 0.61 and Opera7. I couldn't see any problems - the code validates ok.

    (you could do that layout in css only if you wanted (without the table).

    Hope that helps.

    Paul

  3. #3
    SitePoint Wizard Dangermouse's Avatar
    Join Date
    Oct 2003
    Posts
    1,024
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul.

    Im a bit dubious of fully css layouts, theres something about tables that just seems to flow, hacklessly lol.

    But if you really want you can set the layout up, and if it looks the same in ie5, 5.5.,6, mozilla 1.2, firebird 0.61 and Opera7 ill use it

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,
    But if you really want you can set the layout up, and if it looks the same in ie5, 5.5.,6, mozilla 1.2, firebird 0.61 and Opera7 ill use it
    Here you go then!

    Ie5, 5.5, 6, Opera 6, 7, 7.2 mozilla 1.2, 1.4, firebird 0.6.1 netscape 6.2. (all near enough not to notice )



    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>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Suparas Design</title>
    <style type="text/css">
    <!--	 
    body {
     background:blue;
       text-align:center;
     font-family: "Trebuchet MS", Georgia, "New Century Schoolbook", Times, serif;
    	font-size: 100%;
    }
    p,h1, h2, h3, h4, h5, h6 {
     margin-top: 0px;
    	color: #A7603D;
     font-size: 100%;
    }
    #header {
     width:600px;
     background: #F7F6F1;
     margin:auto;/* centre for compliant browsers*/
     text-align:left;
     border:1px solid #666;
     color:#666;
    }
    #container {
     width:600px;
     background: #FFF;/*this colour will be left column colour */
     margin:auto;/* centre for compliant browsers*/
     text-align:left;
     border:1px solid #666;
     border-top:none;
     color:#666;
    }
    #middle {
     border-left:1px solid #666;
     background:#FFF;/* background colour of right column */
     margin-left:120px;/*this is the space for the left column */
     color:#666;
     width:479px;
    }
    #middle p {
     font-size: 15px;
    	color: #444444;
    	padding-left:5px;
    }
    #left {
     margin-left:-119px;/*must be 1 pixel less than width */
     float:left;
     width:120px;/* this width is the same as the margin on #middle */
     position:relative;
    }
    #oldbrowser {display: none;}
    #top {background: #F7F6F1;color:#A7603D}
    #banner h1 {margin-bottom:0}
    #top a {
    	width: 100px;
    	float:right;
     text-align: center;
    	text-decoration: none;
    	font-weight: bold;
    	font-size: 80%;
    	color: #A7603D;
    	background: #F7F6F1;
    	border-left: 1px solid #666666;
    	border-top: 1px solid #666666;
    }
    #top a:hover {
     background: #666666;
    	color: #F7F6F1;
    }
    #toplink a {border-top:none}
    #bottomlink {clear:right}
    #banner {float:left;width:290px}
    #footer {
     clear:both;
     border-top: 1px solid #666666;
    	background: #F7F6F1;
     }
    #footer p {
     margin:0;
     text-align: right;
    	font-size: 68%;
      padding:5px;
     }
    * html #centrecontent {height:1%;}/* combat IE's 3 pixel jog */
    p.last {margin:0;padding:0}
    -->
    </style>
    </head>
    <body>
    <div id="header"> 
      <div id="top"> 
    	<div id="banner"> 
    	  <h1>Banner</h1>
    	</div>
    	<div id="toplink"> <a href="#">Contact</a> <a href="#">About</a> <a href="#">Home</a> 
    	</div>
    	<div id="bottomlink"> <a href="#">Blog</a> <a href="#">Press</a> <a href="#">Links</a> 
    	</div>
    	<div style="clear:both"></div>
      </div>
    </div>
    <div id="container"> 
      <div id="middle"> 
    	<div id="left"> 
    	  <p>Sidebar : text : Sidebar text</p>
    	  <p>Sidebar</p>
    	  <p>Sidebar</p>
    	  <p>Sidebar</p>
    	  <p>Sidebar</p>
    	  <p>Sidebar</p>
       </div>
    	<div id="centrecontent"> 
    	  <h3>&#0187; Header</h3>
    	  <p>content content content content content content content content content 
    		content content content content content content content content content 
    		content content content content </p>
    	  <h3>&#0187; Header</h3>
    	  <p>content content content content content content content content content 
    		content content content content content content content content content 
    		content content content content </p>
    	  <h3>&#0187; Header</h3>
    	  <p>content content content content content content content content content 
    		content content content content content content content content content 
    		content content content content </p>
    	 <p class="last">&nbsp;</p><!-- get rid of mozillas bottom margin -->
     </div>
    	<br style="clear:both">
      </div>
      <div id="footer"> 
    	<p>footer</p>
      </div>
    </div>
    </body>
    </html>
    Hope you find it useful.

    Paul

  5. #5
    SitePoint Wizard Dangermouse's Avatar
    Join Date
    Oct 2003
    Posts
    1,024
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow paul

    Thank you so much


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
  •