Quote:
|
Originally Posted by rms7design
it is scrambled... okay .. as you did not post the code, here is an avenue...
what is your float settings for the last column? should be 'left'
also not only it is not well positioned, it seems that your box don't show up. also your footer does not show... and the contact box and info.
perhaps you should post your code... (not the source of the html page)
|
Hi - thanks for offering the help
Here is the code for the right column
<div id="right-column">
<div class="right-column-box-standard">
<div class="right-column-title-grey">News and Events</div>
Read our latest news and events:</p>
<font color=red> Special Offers </font>Free hosting, Free SEO, and much more</p>
Contact us to learn about our Special Offers</p>
</div>
<div class="right-column-box-standard">
<div class="right-column-title-grey">Links</div>
Visit our recommended sites</p>
Additional links:</p>
Dreamhost</p>
Google AdWords</p>
Funny Jokes</p>
Free Nokia themes</p>
Links Directory</p>
</div>
<div class="right-column-box-standard">
<div class="right-column-title-grey">It's time to go to market</div>
Enjoy our special discounts and special prices throughout 2006.<br soft> Contact us today for a Free study !</p>
</div>
<div class="right-column-box-standard">
<div class="right-column-title-grey">Any questions?</div>
Don't hesitate to contact us for any question or comment:</p>
info@acemmedia.com</p>
</div>
</div>
<div id="footer">
Copyright ©2006 Ace Multimedia | All rights reserved
|
links
|
</div>
</div>
Here is the extract of the CSS for the right column
/************************/
/*** RIGHT COLUMN ***/
/************************/
#right-column {
float: right;
width: 15.0em;
margin: 0em 0em 0em 0em;
padding: 0em;
}
/* Start Mac IE5 filter \*/
#right-column {
padding-bottom: 30000px;
margin-bottom: -30000px;
}
/* End Mac IE5 filter */
/*** Standard option ***/
.right-column-title-standard {
/* clear: both; */
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-weight: bold;
font-size: 1.1em;
}
.right-column-box-standard {
/* float: right; */
width: 13.0em;
margin: 0em 1.0em 0.8em 0em;
padding: 0.4em 0.4em 0.4em 0.4em;
border: solid 0.1em rgb(200,200,200);
background-color: rgb(255,255,255);
color: rgb(100,100,100);
}
/*** Grey title and box option ***/
.right-column-title-grey {
/* clear: both; */
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0.2em;
background-color: rgb(220,220,220);
color: rgb(100,100,100);
font-weight: bold;
font-size: 1.1em;
}
.right-column-box-grey {
/* float: right; */
width: 13.0em;
margin: 0em 1.0em 0.8em 0em;
padding: 0.4em 0.4em 0.4em 0.4em;
border: solid 0.1em rgb(200,200,200);
background-color: rgb(235,235,235);
color: rgb(100,100,100);
}
/*** Blue title and box option ***/
.right-column-title-blue {
/* clear: both; */
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0.2em;
background-color: rgb(187,211,247);
color: rgb(100,100,100);
font-weight: bold;
font-size: 1.1em;
}
.right-column-box-blue {
/* float: right; */
width: 13.0em;
margin: 0em 1.0em 0.8em 0em;
padding: 0.4em 0.4em 0.4em 0.4em;
border: solid 0.1em rgb(200,200,200);
background-color: rgb(226,238,252);
color: rgb(100,100,100);
}
/*** Yellow title and box option ***/
.right-column-title-yellow {
/* clear: both; */
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0.2em;
background-color: rgb(255,236,128);
color: rgb(100,100,100);
font-weight: bold;
font-size: 1.1em;
}
.right-column-box-yellow {
/* float: right; */
width: 13.0em;
margin: 0em 1.0em 0.8em 0em;
padding: 0.4em 0.4em 0.4em 0.4em;
border: solid 0.1em rgb(200,200,200);
background-color: rgb(255,255,191);
color: rgb(100,100,100);
}
/*** Green title and box option ***/
.right-column-title-green {
/* clear: both;*/
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0.2em;
background-color: rgb(196,221,108);
color: rgb(100,100,100);
font-weight: bold;
font-size: 1.1em;
}
.right-column-box-green {
/* float: right; */
width: 13.0em;
margin: 0em 1.0em 0.8em 0em;
padding: 0.4em 0.4em 0.4em 0.4em;
border: solid 0.1em rgb(200,200,200);
background-color: rgb(224,244,181);
color: rgb(100,100,100);
}
/*** Red title and box option ***/
.right-column-title-red {
/* clear: both; */
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0.2em;
background-color: rgb(255,176,176);
color: rgb(100,100,100);
font-weight: bold;
font-size: 1.1em;
}
.right-column-box-red {
/* float: right; */
width: 13.0em;
margin: 0em 1.0em 0.8em 0em;
padding: 0.4em 0.4em 0.4em 0.4em;
border: solid 0.1em rgb(200,200,200);
background-color: rgb(255,219,219);
color: rgb(100,100,100);
}
/*** Paragraph text ***/
#right-column p {
margin: 0em 0em 0.4em 0em;
font-size: 1.1em;
}
Hope someone can see what's wrong...
Let me know if you also need the left or middle columns..