SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Jan 2008
    Location
    Shaw AFB
    Posts
    282
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS acting funny in IE7

    Working on a simple layout right now...Navigation on the left, main content on the Right.

    In IE7, when I resize the screen and i get a horizontal scroll bar, my main content falls below the navigation. If someone could kindly grab my code and plug it in and let me know what the fix is, I would greatly appreciate it!

    CSS:
    Code:
    body {
    	margin:0;
    	padding: 0;
    	background-color:#daab6b;
    	background-image: url(images/bg.jpg);
    	background-position:top left;
    	background-repeat:repeat-y;
    	font-family: Verdana, Arial, Helvetica, sans-serif
    }
    #main{
    	margin:0;
    	padding:0;
    	background-image: url(images/bg1.jpg);
    	background-repeat:no-repeat;
    	height:600px;
    }
    #nav{
    	margin-left:70px;
    	margin-top:200px;
    	width:170px;
    	float: left;
    }
    
    #nav p{
    text-align:right;
    }
    
    #nav p a{
    	color:#daab6b;
    	text-decoration:none;
    }
    #nav p a:hover{
    	color:#daab6b;
    	border-bottom: 1px dotted #daab6b;
    }
    
    #content{
    	width: 500px;
    	float:inherit;
    	margin-left:275px;
    	margin-top:25px;
    }
    HTML:
    Code:
    <body>
    <div id="main">
      <div id="nav">
        	
       	    <p><a href="portfolio">Portfolio</a></p>
        	<p><a href="about">About Me</a></p>
        	<p><a href="contact">Contact Me</a></p>
        	<p><a href="projects">Ongoing Projects</a></p><br />
      </div>
      <div id="content">dfadsf
      </div>
      <div id="footer"></div>
    </div>
    </body>
    ~ Nate L ~

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What does the complete HTML and CSS look like? (This is going to require a re-write; might as well do it the right way.)


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
  •