SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Float & padding problems

    Hi,I've just started learning css (I love it btw)
    and I coded some of my layouts with it succesfully.
    However,in the layout i'm currently coding i wantto have 2 columns, so i used float.

    Everything looked right in dreamweaver, but in firefox or IE it looked like wtf?

    Anyways, if i use padding it's even more ****ed up in IE.



    This is what it looks like (there's no padding now)

    here's the css code

    Code:
    html, body {
    	background:url(images/BG.gif);
    	margin: 0;
    	padding: 0;
    }
    body {
    	font-family: Arial, Helvetica, Verdana, Sans-serif;
    	font-size: 12px;
    	color: #666666;
    	background: #ffffff;
    }
    #page-container {
    	width: 589px;
    	margin: auto;
    }
    #header {
    	background: blue;
    	height: 120px;
    }
    #main-nav {
    	background: url(images/navbg.gif);
    	height: 26px;
    }
    #sidebar-a {
    	float: right;
    	width: 295px;
    	background: url(images/contentright.gif);
    }
    #sidebar-a .padding {
    	padding: 17px;
    }
    #content {
    	width: 294px;
    	background: url(images/contentleft.gif);
    	height:100%;
    }
    #content .padding {
    	padding: 17px;
    }
    #footer {
    	height: 34px;
    	clear:both;
    }


    And here's the Html

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<title></title>
    	<meta http-equiv="Content-Language" content="en-us" />
    	
    	<meta http-equiv="imagetoolbar" content="no" />
    	<meta name="MSSmartTagsPreventParsing" content="true" />
    	
    	<meta name="description" content="" />
    	<meta name="keywords" content="" />
    	
    	<meta name="author" content="" />
    	
    	<style type="text/css" media="all">@import "master.css";body {
    	background-image: url(images/BG.gif);
    }
    </style>
    </head>
    
    <body>
    <div id="page-container">
      <div id="header"><img src="images/header.gif" alt="header" width="589" height="120" /></div>
    	
    	<div id="main-nav"><img src="images/nav1.gif" alt="nav1" width="110" height="26" /><img src="images/nav2.gif" alt="nav2" width="90" height="26" /><img src="images/nav3.gif" alt="nav3" width="90" height="26" /><img src="images/nav4.gif" alt="nav4" width="90" height="26" /><img src="images/nav5.gif" alt="nav5" width="90" height="26" /><img src="images/nav6.gif" alt="nav6" width="119" height="26" /></div>
    	<div id="sidebar-a">
    	  <p>hoi	
    	  </p>
    	  </div>
    	<div id="content" >
    	  hoi
    	</div>
    	
    	<div id="footer"><img src="images/footer.gif" alt="footer" width="589" height="34" /></div>
    </div>
    </body>
    </html>



    If anyone wants the download of it all in a zip,check my attachement in my second post



    Thanks in advance!

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

    the rar is not working for me ? , a link to the page Please

  3. #3
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it doesn't work?

    Press right click save as after you clicked that link

    I also added it as an attachment in this post

    thanks already
    Attached Files Attached Files

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

    needs approvel

    PS These moodrators, are a highly unreliable bunch of people, god knows what the are doing the hole day, going from happy hour to happy hour?, trashing there sports cars true country lanes?, viewing there old vhs porn video collection on the latest hdv screens?, etc

    However I can tell you one thing they are not doing! So maybe you have a link to the image, or the code you have at the moment ?

  5. #5
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by all4nerds
    Hello

    needs approvel

    PS These moodrators, are a highly unreliable bunch of people, god knows what the are doing the hole day, going from happy hour to happy hour?, trashing there sports cars true country lanes?, viewing there old vhs porn video collection on the latest hdv screens?, etc

    However I can tell you one thing they are not doing! So maybe you have a link to the image, or the code you have at the moment ?
    ='D well,I just posted the entire code ,and a picture :P

    otherwise,add me on msn if you want to (gogeta_ssj4@hotmail.com)
    i'm dutch to ^_^


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
  •