The forums have permanently moved to forum.kirupa.com. This forum will be kept around in read-only mode for archival purposes. To learn how to continue using your existing account on the new forums, check out this thread.


Results 1 to 4 of 4

Thread: [CSS] Layout problem: IE vs FF

  1. #1

    [CSS] Layout problem: IE vs FF

    Hi,

    I'm trying to make a small portfolio website.
    Check it out here: LINK
    If you check it in Firefox you'll see what I want to create and in IE it's messed up

    CSS:
    HTML Code:
    <style type="text/css">
    <!--
    #container {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color: #CCFF00;
    	background-color: #333333;
    	width: 200px;
    	clear: none;
    	float: left;
    	border: 1px solid #CCFF00;
    	text-align: left;
    }
    #box {
    	width: 615px;
    	padding: 20px 10px 10px 10px;
    	background-color: #669900;
    	border-right: 3px solid #333333;
    	height: 100%;
    }
    .container_text {
    	color: #CCFF00;
    	margin: 2px;
    	padding: 5px;
    }
    .item {
    	padding-left: 25px;
    	padding-bottom: 10px;
    	color: #FFFFFF;
    }
    .container_header {
    	font-weight: bold;
    	color: #333333;
    	background-color: #CCFF00;
    	font-size: 12px;
    	font-variant: small-caps;
    	text-align: right;
    	padding-right: 15px;
    }
    body {
    	background-color: #333333;
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	background-image: url(bg.gif);
    }
    a {
    	text-decoration: none;
    	border-bottom: 1px solid;
    	border-bottom-color: #FFFFFF;
    }
    a:link {
    	color: #99FF00;
    }
    a:hover {
    	color: #FFFFFF;
    	border-bottom-color: #99FF00;
    }
    a:visited {
    	color: #FFFFFF;
    	background-color: #66CC00;
    }
    a:active {
    	color: #99CC00;
    }
    #container2 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color: #CCFF00;
    	background-color: #333333;
    	width: 200px;
    	clear: none;
    	border: 1px solid #CCFF00;
    	text-align: left;
    	margin-left: 205px;
    	float: none;
    }
    #box2 {
    	float: left;
    	width: 410px;
    }
    #container3 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color: #CCFF00;
    	background-color: #333333;
    	width: 200px;
    	clear: none;
    	border: 1px solid #CCFF00;
    	text-align: left;
    	margin-left: 410px;
    	float: none;
    }
    
    -->
    </style>

    Can someone give me some pointers? First time I'm using divs to layout a site...

  2. #2
    sometimes with IE you have to specify the null values. So if you have margin-left set to 25, and thats all, in IE set all the others to 0.
    IE doesnt think for itself like that. Supply all values even if it is 0.

  3. #3
    I tried it like this:

    padding: 20px 10px 0px 10px;

    But nothing changed...

  4. #4
    Positioned them absolute, now it works....

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012