1 reply [Last post]
kiwi2b
kiwi2b's picture
Offline
newbie
Last seen: 10 years 5 weeks ago
Timezone: GMT+13
Joined: 2010-10-19
Posts: 1
Points: 2

Hi, trying the css creator to make a layout, but there seems an error in the produced code.

For a 2 column layout, the right column actually is appearing to the left and has the formatting of the main content column, while the main content column is to the right of that, but with the formatting of the right column. Also, one of the colors is missing.

Happens if I use firefox or iexplorer for the code creation.

Any ideas folks on what I am doing wrong or how to fix?

Big thanks in advance!

Here are the settings...

css_settings.png

Here is the result...

result.png

The css...

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:528px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#maincol{background-color: #F6F69F;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100; 
 }
 
 
 
 /* *** Float containers fix:
 <a href="http://www.csscreator.com/attributes/containedfloat.php" rel="nofollow">http://www.csscreator.com/attributes/containedfloat.php</a> *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 
 
 /*printer styles*/ 
 @media print{ 
 
/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

keganquimby
keganquimby's picture
Offline
newbie
New Hampshire, USA
Last seen: 9 years 49 weeks ago
New Hampshire, USA
Timezone: GMT-5
Joined: 2010-12-21
Posts: 8
Points: 8

float them left instead of

float them left instead of right, and I can't see the HTML but I'm guessing you should just change the class names