CODEWITHSUNDEEP
htmlcss
Nik
Nik

Reputation: 7273

HTML Box Model Not Right

Box model has always given me a headache. I am taking a template (here) and integrating it into a Spring MVC + Apache Tiles project (here). When I look in Firebug, I can see that the main div is not wrapping its contents properly. Below is the outermost parts of the HTML. I apologize for not putting more code here, but the live site (showing the problem) hopefully makes up for it (log in with admin/admin).

<html>
    <head> ... </head>
    <body>
        <div class="wrapper">
            <div id="header"> ... </div>
            <div id="main">
                <div id="sidebar"> ... </div>
                <div id="page"> ... </div>
            </div>
        </div>
    </body>
</html>

EDIT This has been solved, so I have taken my demo offline.

Upvotes: 1

Views: 71

Answers (1)

Tieson T.
Tieson T.

Reputation: 21201

#main is defined in root.css. I think you just need to trigger that div to expand to cover it's children. You can do so by adding an overflow:auto; zoom:1; to the ruleset.

Upvotes: 2

Related Questions