7 replies [Last post]
Soup
Soup's picture
Offline
newbie
Last seen: 13 years 15 weeks ago
Joined: 2006-12-11
Posts: 3
Points: 0

After some investigation, I remain baffled by the space between two divs on a design I am currently working on. I've tried fixes involving the paragraph margins, making the image a block element, collapsing margins with the #wrapper, and removing unnecessary whitespace in the code between divs and images, which I know is an issue with IE6.

content goes here

The offending space occurs between the menu and container divs. The container was necessary to put the border around the content box. Any helps would be appreciated. This is my first post, and I look forward to being a part of the community. I've been careful to read the posts about posing a question, and hope this fits the criteria.

The link is: http://www.lfsweb.com/sandler/

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 4 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Hi, Have you tried applying

Hi,

Have you tried applying 'margin:0;' to '#present img'?

- r

Soup
Soup's picture
Offline
newbie
Last seen: 13 years 15 weeks ago
Joined: 2006-12-11
Posts: 3
Points: 0

Sure have. Good suggestion.

Sure have. Good suggestion. It's applied now, and it still doesn't solve the problem.

Excavator
Excavator's picture
Offline
Enthusiast
Alaska
Last seen: 5 years 16 weeks ago
Alaska
Timezone: GMT-9
Joined: 2004-04-04
Posts: 121
Points: 60

Hello Soup, Does specifying

Hello Soup,
Does specifying a height for #menu fix it for you?
Like this:#menu {
background-image: url(images/menu_bg.jpg);
background-repeat: no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-size: 14px;
float: left;
margin: 0px;
padding: 0px;
width: 219px;
height: 230px;
/* height: 230px; */
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 13 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

*{zoom:1;} Tests for and

*{zoom:1;}

Tests for and demonstrates that this is a hasLayout issue, you now need to find what element needs Haslayout setting to true.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Soup
Soup's picture
Offline
newbie
Last seen: 13 years 15 weeks ago
Joined: 2006-12-11
Posts: 3
Points: 0

<li> and hasLayout

Hugo!

Brilliant. After a bit of troubleshooting, I discovered that the

  • needed hasLayout. I applied the 1% Holly Hack and now it works beautifully.

    Thanks. You're hired.

    gary.turner
    gary.turner's picture
    Offline
    Moderator
    Dallas
    Last seen: 57 min 16 sec ago
    Dallas
    Timezone: GMT-5
    Joined: 2004-06-25
    Posts: 9754
    Points: 3836

    Good Job

    Soup wrote:
    Any helps would be appreciated. This is my first post, and I look forward to being a part of the community. I've been careful to read the posts about posing a question, and hope this fits the criteria.

    I would say you done good. You described the issue clearly, told us the things you'd done, pointed to the location of the problem and included the related markup with a link to the whole thing. I can't think of a better post.

    Even if you don't show up on the answer side all that often, I suspect your questions will be a pleasure to investigate.

    Hang around, we appreciate the good poster.

    cheers,

    gary

    If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

    Hugo
    Hugo's picture
    Offline
    Moderator
    London
    Last seen: 5 years 13 weeks ago
    London
    Joined: 2004-06-06
    Posts: 15668
    Points: 2806

    Indeed , I must echo Gary's

    Indeed , I must echo Gary's sentiments and did intend to remark earlier.

    I'm gratified that you managed given the clue to work out the solution , as stated a perfect '10' for a thread Smile

    Hang around even if you only post once in a blue moon or just ask questions it matters not, but asking questions with thought seems such a rarity that it's refreshing and pleasurable to help (forgotten what that felt like Smile ) right that's enough gushing!

    Oh and you have a cool avatar, not sure about the name though but glad it wasn't 'Tag Soup'

    Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
    ----------------------------------------------------------------
    Please post ALL your code - both CSS & HTML - in [code] tags
    Please validate and ensure you have included a full Doctype before posting.
    Why validate? Read Me