SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Float Problems

  1. #1
    SitePoint Addict XiledWeb's Avatar
    Join Date
    May 2005
    Location
    Nashville
    Posts
    205
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Float Problems

    Hi, I'm coming across the old different in IE and Firefox trouble and I can either get one to look right and the other goes haywire - would appreciate some assistance.

    My CSS is

    Code:
    * {
      margin:0; padding:0;
    }
    body {
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      text-align:center;
      background:#fff;
      font-size: 11px;
    }
    a img {
      border:none;
    }
    
    #shadows {
      width:780px;
      margin:0 auto;
      text-align:left;
      background: url(images/shadow.gif) repeat-y center center;
      height:80em;
    }
    
    #footer {
      width:782px;
      margin:0 auto;
     clear:both;
    }
    
    #footer div {
      background:url(images/bottomleft.gif) top left no-repeat;
      position:relative;
    }
    
    ul#rightnav {
      float:right;
      width:120px;
      background:#e1e1d6 url(images/footnav.gif) repeat-x left bottom;
      padding:0 0 10px 0;
      list-style:none;
      margin: 0 10px  20px;
    }
    ul#rightnav li a {
      text-decoration: none;
      display:block;
      width: 98%;
      padding: 1px 1%;
      background-color: #dsd9df;
      font: 7pt/1.5 verdana, sans-serif;
      color: #000;
    }
    ul#rightnav li a:hover {
      background-color: #dbdcde;
      color: #000;
      }
    ul#rightnav li {
      border-top: 1px solid #000;
    }
    #footer .right {
      background:url(images/bottomright.gif) top right no-repeat;
    }
    
    #bottom {
      background:url(images/shadowb.gif) repeat-x;
      width:760px;
      margin:0 auto;
      position:relative;
      top:5px;
    }
    #headnav {
      height: 23px;
      background: #e1e1d6;
      text-align: center;
      border-top: 1px solid #565656;
      border-bottom: 1px solid #565656;
    }
    #header {
      position: relative;
      border-bottom: 1px solid #ececec;
      height: 55px;
      background: #d3d9df;
      text-align: left; 
    }
    #asg {
      position:absolute;
      background:url(images/asg.jpg);
      left:431px;
      left:5px;
    }  
    #navcont {
      text-align:center;
      width:400px;
      margin:0 auto 0px;
    }
    ul#top,
    #base {
    color: #2f4f4f; 
    list-style:none;
    margin:0;
    padding:0;
    }
    #base{clear:both;}
    #top li {
      border-bottom: 1px solid #333;
      margin:0 auto;
    }
    #top li,
    #base li {
    float:left;
    border-right: 1px solid #333;
    width:95px;
    padding:2px;
    margin:0 auto;
    }
    .last {border-right:none!important}
    ul#li2 {
      float:left;
      list-style:none;
      border-right: 1px solid #bbb;
      width:95px;
      margin:0 auto;
    }
    ul a{
    position:relative;
    text-decoration:none;
    } 
    #right_area {
      width:110px;
      border:1px solid #ccc;
      margin-top:2em;
      clear:both;
      padding:0 0 10px 10px;
      margin: 0 15px 20px; 
    }
    #right_area h1{
    	background:#fff;
    	padding:2px;
    	font-size:100%;
    	color:#aaa;
    	margin:-.8em 1em 1em;
    	float:right;
    	position:relative;
    }
    #right_area p{clear:both}
    #right {
        float:right;
    	width:150px;
    	margin:20px 10px 0 0;
    	margin: 0 10px  20px;
    	display:inline;
    }
    #main-container{
    	width:450px;
    	text-align:left;
    	margin:10px 0 0 10px;
    }
    #left_ad {
      float:left;
      width:125px:
      margin-right:5px;
      margin-left:5px;
    }
    /* clear floats without structural mark up - do not alter */
    .clearfix:after {
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
    }
    .clearfix {
    	display:inline-block;
    }
    
     /* mac hide \*/
    	* html .clearfix {height: 1%;}
    	  .clearfix {display: block;}
     /* End hide */
    and the url to see the difference is here. This has been most frustrating.

  2. #2
    SitePoint Addict XiledWeb's Avatar
    Join Date
    May 2005
    Location
    Nashville
    Posts
    205
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This has been fixed now, I altered the widths and borders of some of my divs.


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
  •