The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Floating + Background Problem, My Content Background is gone.
rei9n
post May 31 2009, 12:24 AM
Post #1





Group: Members
Posts: 2
Joined: 30-May 09
Member No.: 8,745



Hello, please help me find the problem of my code laugh.gif. The background and height of <div id="content"> is gone. blink.gif

Here's the beta site:
http://reinen.110mb.com/beta/

As far as I can tell, I made some mistakes with the float element. Here's the code before I added float element:
http://reinen.110mb.com/beta/index2.html

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 31 2009, 04:44 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I didn't look at the code, but I'd say you are right. It looks OK in IE6, that and what you said makes that probable.

Have you cleared the float? Looks like it hangs out from the box its in. Which it should, if you don't stop it.

The simplest is to add <div style="clear: both"> (or left or right, depending on in which direction the float is floated) at the bottom of the container, i.e. AFTER the float but inside the same container as the float. More here.
http://css-discuss.incutio.com/?page=ClearingSpace
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
rei9n
post May 31 2009, 08:22 AM
Post #3





Group: Members
Posts: 2
Joined: 30-May 09
Member No.: 8,745



I totally forgot about the clear element. It's working after I added a .spacer class.

Thank you!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd April 2024 - 09:30 AM