ansaurus

Question

Answer 1

+9 A:

When it's empty the element has no height. So what's actually happening is that it's there but has 0 height.

You could put something in it (like   or give it height and/or line-height. I'd suggest giving the other div the same height.

cletus 2010-01-22 03:01:04

Thanks, CSS can be a PITA (every|some)times. I went with the ` ` approach.

Alix Axel 2010-01-22 03:37:21

Answer 2

+3 A:

Put a non-breaking space in it. That's what I do when I need something, but not nothing. You may also be able to give it an explicit height to get the same result.

Jonathan Sampson 2010-01-22 03:01:51

Answer 3

+1 A:

Make sure the contains some kind of content. is usually the best. It ensures that there is at least something for the browser to display/render. This also might be a cause of your DTD.

Joel Etherton 2010-01-22 03:03:06

Answer 4

A:

Alix,

you need to add a height value to the class .nav

    <!doctype html> 
<head> 
<style> 
    .nav { 
        width: 26%; 
        height: 50px;
        display: inline; 
        float: left; 
        margin-left: 2%; 
        margin-right: 2%; 
        background-color: #FF0000; 
    } 
    .content { 
        width: 56%; 
        display: inline; 
        float: left; 
        margin-left: 2%; 
        margin-right: 2%; 
        background-color: #0000FF; 
    } 
</style> 
</head> 

<body> 
    <div style="width: 600px;"> 
        <div class="nav"></div> 
        <div class="content"><p>content</p></div> 
    </div> 
</body> 
</html>

PantsOffNow 2010-01-22 03:12:10

Sweet display name.

jeerose 2010-01-22 03:14:59

Answer 5

A:

after you add a height value also add a display property to the nav class like:

height:1em;
display:block;

rob 2010-01-22 03:21:56

ansaurus

tags:

views:

answers:

CSS Issues - DIV Element Disappears

related questions