Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Old 08-16-2006, 11:55 AM CSS Debugging
futurevisions's Avatar
Super Talker

Posts: 102
Location: UK
Trades: 0
Kennedy's Mica: Hardware and DIY equipment direct from Rubery, West Midlands

I'm a bit confused on this one - everything looks fine but surely isn't. See the red area below the headbar? Well that's background-color: red in the CSS for a div which has everything inside it.

I won't actually be using red, but it allows me to see it clearly :P In Internet Explorer, this works as it should do, but in Firefox, it does not.

The red background should be visible under everything, but in Firefox, that isn't the case.

Any ideas?
futurevisions is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-16-2006, 12:37 PM Re: CSS Debugging
AliKat's Avatar
Extreme Talker

Latest Blog Post:
Save the Children
Posts: 176
Location: MS
Trades: 0
You are floating your columns. At the end you need to put in a block and clear: both

You can use

<br style="clear: both"/>

or use

<div id="footer">And put in information here</div>

#footer {
clear: both;
}

This will bring the background all the way to the end of the content. It doesn't work with out this because you've taken the coulumns out of the flow of the document by floating them.
AliKat is offline
Reply With Quote
View Public Profile Visit AliKat's homepage!
 
Old 08-16-2006, 01:21 PM Re: CSS Debugging
futurevisions's Avatar
Super Talker

Posts: 102
Location: UK
Trades: 0
Quote:
Originally Posted by AliKat View Post
You are floating your columns. At the end you need to put in a block and clear: both

You can use

<br style="clear: both"/>

or use

<div id="footer">And put in information here</div>

#footer {
clear: both;
}

This will bring the background all the way to the end of the content. It doesn't work with out this because you've taken the coulumns out of the flow of the document by floating them.
I see! I've never come across that before, so thanks for your help.
futurevisions is offline
Reply With Quote
View Public Profile
 
Old 08-16-2006, 01:30 PM Re: CSS Debugging
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Well, you don't HAVE to have a footer in there. Add this to your CSS file:

.brclear { /* Use a break with this class to clear float containers on both sides */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

Then add this after the closing <div> for #actcontent:
<br class="brclear" />

You'll have red all over
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-16-2006, 01:43 PM Re: CSS Debugging
futurevisions's Avatar
Super Talker

Posts: 102
Location: UK
Trades: 0
Pff I think magenta works better
futurevisions is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to CSS Debugging
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.21759 seconds with 12 queries