SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Location
    Kansas
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE layout problems

    I feel like such a noob. The site is http://www.tuff-designs.com/bestdamnlinks .

    I want the layout to look in IE like it does in Firefox. Also if someone could explain to me why this happens I would appreciate it very much.

    An additional thing thats puzzling me is the small gap between the top banner image and the light navigation section. Where is this coming from?

    Thanks alot for all the help. Sorry my code is so messy.

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    double margin bug in IE see FAQ CSS

    why do you need the table in the left column ?

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <title>Best Damn Links</title>
    	<style type="text/css">
    	<!-- 
    	*{margin:0;padding:0;}
    
    	body {background:#3a3a3a;text-align:center;}
    	
    	div{text-align: left;}
    	
    	head+/**/body .fc:after{
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
    	}
    	
    	/*  \*/
    	* html .fc{height:1%;}
    	*+html .fc{zoom:1;}
    	/*  */
    
    	a{color: #13426d;}
    
    	#wrapper{background:#617c8b;width: 750px;margin:15px auto;position:relative;padding:0 0 10px 0;}
    	
    	#wrapper h1{background: url(images/banner.gif);height:177px;text-indent:-2000px;}
    
    	#nav{background: url(images/navbg.gif);height:52px;}
    
    	#nav ul{list-style: none;padding:16px 0 0 175px;}
    
    	#nav ul li{display:inline;}
    	
    	#nav ul li a{background: url(images/navarrow.gif) no-repeat 0% 50%;padding-left: 25px;}
    	
    	#nav ul li a:hover{background: url(images/navarrow_over.gif) no-repeat 0% 50%;}
    	
    	#nav a{text-decoration:none;font:18px verdana,sans-serif; color:#4a5f6b;margin-left: 25px;}
    	
    	#beanieman{position:absolute;top:0px;left:-25px;}
    
    	#colheader {margin-top:50px;margin-left: 25px; float:left;}
    
    	#leftcol{display:inline;margin:48px 0 0 15px;float:left;width:254px; background:url(images/links.gif) no-repeat;padding:88px 0 0 28px;}
    	#leftcol p{padding:10px 0 10px 0;}
    	#leftcol h4{padding:10px 0 0 0;}
    	
    	#middlead{margin-top:106px;float:left;}
    
    	#contactus{float: right; margin-top: 15px; margin-right: 20px;}
    
    	#contactus img{border:none;}
    
    	#rightcol{display:inline;width:214px; border: 1px dashed #244d63;float:right;margin:64px 15px 0 0;padding:15px;text-align: center;}
    
    	#rightcol ul{text-align:left;margin:10px 0 25px 15px;}
    	
    	
    	#rightcol h3,#rightcol h4,#rightcol h5{height:15px;overflow:hidden;text-indent:-2000px;}
    	#rightcol h3{background: url(images/mostpoplinks.gif) no-repeat top center;}
    	#rightcol h4{background: url(images/todaysmostpop.gif) no-repeat top center;}
    	#rightcol h5{background: url(images/mostpopposters.gif) no-repeat top center;}
    
    	/*hr{display: block;clear:both;}*/
    	
    	img{border:none;}
    	 -->
    </style>
    </head>
    <body>
    <div id="wrapper" class="fc">
    
    <h1>Best Damn Links</h1>
    
    <div id="nav">
    <ul>
    <li><a href="index-2.html">Link List</a></li>
    <li><a href="index-2.html">Add Link</a></li>
    <li><a href="index-2.html">Login</a></li>
    <li><a href="index-2.html">Sign Up</a></li>
    </ul>
    </div>
    
    <a href="index-2.html" id="contactus"><img src="images/contactus.gif" alt=""></a>
    <!-- <img src="images/links.gif" id="colheader"> -->
    
    <div id="leftcol">
    
    <h4>Thursday, April 06, 2006</h4>
    <p>
    GinAndJews.com
    <br /><a href="out7625.html?link_id=10008">http://www.GinAndJews.com</a>
    <br>Link Type: Funny Picture
    <br />Submitted: 04/06/2006 11:25 PM
    <br>Submitted By: Anonymous
    <br />Last Viewed: 06/15/2006 02:16 PM
    <br />Viewed: 6
    <br />Rating: 11 / 3 = 
    <img src="images/star_icon.jpg" name="star_10008_1" width="16" height="16" id="star_10008_1" alt=""><img src="images/star_icon.jpg" name="star_10008_2" width="16" height="16" id="star_10008_2" alt=""><img src="images/star_icon.jpg" name="star_10008_3" width="16" height="16" id="star_10008_3" alt=""><img src="images/star_icon.jpg" name="star_10008_4" width="16" height="16" id="star_10008_4" alt="">
    </p>
    <p>Bloggin
    <br /><a href="out0bc4.html?link_id=10007">www.expressblogger.com</a>
    <br>Link Type: News Article
    <br />Submitted: 04/06/2006 09:54 PM
    <br>Submitted By: Anonymous
    <br />Last Viewed: 06/23/2006 12:16 PM
    <br />Viewed: 11
    <br />Rating: 32 / 7 = 
    <img src="images/star_icon.jpg" name="star_10007_1" width="16" height="16" id="star_10007_1" alt=""><img src="images/star_icon.jpg" name="star_10007_2" width="16" height="16" id="star_10007_2" alt=""><img src="images/star_icon.jpg" name="star_10007_3" width="16" height="16" id="star_10007_3" alt=""><img src="images/star_icon.jpg" name="star_10007_4" width="16" height="16" id="star_10007_4" alt=""><img src="images/star_icon.jpg" name="star_10007_5" width="16" height="16" id="star_10007_5" alt="">
    </p>
    </div>
    
    <img src="images/middlead.gif" id="middlead" alt="">
    
    <div id="rightcol">
    <h3>Mostpoplinks</h3>
    <ul>
    <li><a href="out9b9d.html?link_id=10001">My Blam</a> - 17 Clicks
    <li><a href="out4b99.html?link_id=10002">Hottie Ville</a> - 12 Clicks
    <li><a href="out0bc4.html?link_id=10007">Bloggin</a> - 11 Clicks
    <li><a href="out279a.html?link_id=10006">google</a> - 9 Clicks
    <li><a href="out9964.html?link_id=10004">Howdy</a> - 7 Clicks
    <li><a href="out7625.html?link_id=10008">GinAndJews.com</a> - 6 Clicks
    <li><a href="out6375.html?link_id=10003">My Babe</a> - 5 Clicks
    </ul>
    <h4>Todaysmostpop</h4>
    <ul>
    <li><a href="out0bc4.html?link_id=10007">Bloggin</a> - 1 Clicks
    <li><a href="out9964.html?link_id=10004">Howdy</a> - 1 Clicks
    <li><a href="out9b9d.html?link_id=10001">My Blam</a> - 1 Clicks
    </ul>
    <h5>Mostpopposters</h5>
    <ul>
    <li><a href="indexeb2a.html?action=links.links.profile&amp;linker_id=1001">Hardlee Workin</a> - 22 Clicks
    <li><a href="index3acb.html?action=links.links.profile&amp;linker_id=1005">15</a> - 7 Clicks
    </ul>
    </div>
    <!-- <hr> -->
    <img src="images/beanieman.gif" id="beanieman" alt="">
    </div>
    
    </body>
    </html>
    Last edited by all4nerds; Jun 24, 2006 at 04:41.

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Location
    Kansas
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The table is just a copy and paste from the CFM example script that the programmer gave me. I've talked to him about it and it will be changed in his final script. Thanks alot for all the help.


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
  •