DesigntheWorld
New Member
Someone please help,
I am having trouble getting the right_content div to be of the same height as the left_content div. As you can see from the pic below, the text in the left div is higher up than the text in the right div. There is like a space on the right content that I do not want.
How do I make the right_content div higher up so that it can be the same height as the left_content div? I don't know if it has to do with the margins or something else...:/
--------------------------------------------------------------------------
Link:
http://img100.imageshack.us/img100/2986/bhdscrenshot.jpg
-------------------------------------------------
Here is the CSS style code I have thus far:
@charset "utf-8";
/* CSS Document */
#header {
height:150px;
width:1024px;
margin-left:auto;
margin-right:auto;
background-color:#F0F0F0
}
#content_wrap {
height:800px;
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#left_content {
height:800px;
width:290px;
float:left;
}
#right_content {
height:800px;
width:724px;
margin-top:10px;
float:right;
}
----------------------------------------------------------
Here is the HTML code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>My First Webpage</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header"><img src="Images/Bleedingheartsbanner.png" width="1024" height="150" /></div>
<div id="content_wrap">
<div id="left_content">ewer</div>
<div id="right_content">ewer</div>
</div>
</body>
</html>
Thank you for your help!
I am having trouble getting the right_content div to be of the same height as the left_content div. As you can see from the pic below, the text in the left div is higher up than the text in the right div. There is like a space on the right content that I do not want.
How do I make the right_content div higher up so that it can be the same height as the left_content div? I don't know if it has to do with the margins or something else...:/
--------------------------------------------------------------------------
Link:
http://img100.imageshack.us/img100/2986/bhdscrenshot.jpg
-------------------------------------------------
Here is the CSS style code I have thus far:
@charset "utf-8";
/* CSS Document */
#header {
height:150px;
width:1024px;
margin-left:auto;
margin-right:auto;
background-color:#F0F0F0
}
#content_wrap {
height:800px;
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#left_content {
height:800px;
width:290px;
float:left;
}
#right_content {
height:800px;
width:724px;
margin-top:10px;
float:right;
}
----------------------------------------------------------
Here is the HTML code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>My First Webpage</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header"><img src="Images/Bleedingheartsbanner.png" width="1024" height="150" /></div>
<div id="content_wrap">
<div id="left_content">ewer</div>
<div id="right_content">ewer</div>
</div>
</body>
</html>
Thank you for your help!