Jump to content

Inherited value overrides wanted value


jordanwb

Recommended Posts

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
BODY
{
background-color: #025E8E;
}
#container
{
margin: 10px auto 10px auto;
width: 1000px;
}
#box
{
float: left;
margin: 0px 5px 5px 5px;
background-color: #ffffff;
border: 1px solid black;
font-size: 10pt;
}
#box .menu
{
width: 200px;
}
#box .center_content
{
width: 550px;
}

-->
</style>
</head>
<body>
<div id="container">
    <div id="box" class="menu">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt, libero vitae hendrerit porttitor, mi mi mattis dolor, et blandit eros lorem lacinia neque. Integer blandit. Curabitur a nunc vitae.</p>
    </div>
    <div id="box" class="center_content">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt, libero vitae hendrerit porttitor, mi mi mattis dolor, et blandit eros lorem lacinia neque. Integer blandit. Curabitur a nunc vitae.</p>
    </div>
    <div id="box" class="menu">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tincidunt, libero vitae hendrerit porttitor, mi mi mattis dolor, et blandit eros lorem lacinia neque. Integer blandit. Curabitur a nunc vitae.</p>
    </div>
</div>
</body>
</html>

 

The three divs are 1000 pixels wide instead of 200, 550, and 200 respectively.

Link to comment
https://forums.phpfreaks.com/topic/124185-inherited-value-overrides-wanted-value/
Share on other sites

Try this:

 

<style type="text/css">
<!--
BODY
{
background-color: #025E8E;
}
#container
{
margin: 10px auto 10px auto;
width: 1000px;
}
#box
{
float: left;
margin: 0px 5px 5px 5px;
background-color: #ffffff;
border: 1px solid black;
font-size: 10pt;
}
.menu
{
width: 200px;
}
.center_content
{
width: 550px;
}

-->
</style>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.