Issue with left and right div not aligning.

D

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!:confused:
 
ronaldroe

ronaldroe

Super Moderator
Staff member
CaldwellYSR said:
Hahaha I actually went through some of my old ones the other day. There are some pretty bad ones in there too.
Click to expand...

Yeah, we all start somewhere. Hard to believe I was once using Kompozer in Design mode to edit a free restaurant template to put up as my wife's art portfolio...also sad now that I think about it.

lol, I once did a "Save As" of the Norton Antivirus site and tried to edit it for my own website.
 
CaldwellYSR

CaldwellYSR

Member
ronaldroe said:
Yeah, we all start somewhere. Hard to believe I was once using Kompozer in Design mode to edit a free restaurant template to put up as my wife's art portfolio...also sad now that I think about it.

lol, I once did a "Save As" of the Norton Antivirus site and tried to edit it for my own website.
Click to expand...

HAHAHA that last part kind of made my evening. I almost went the Kompozer route. I was looking at WYSIWYG editors for a little bit but I couldn't find any decent documentation and I decided I'd save more time if I just tried to learn html :p I think it's funny that my first thread here didn't get answered at all and I still stuck around.
 
ronaldroe

ronaldroe

Super Moderator
Staff member
CaldwellYSR said:
HAHAHA that last part kind of made my evening. I almost went the Kompozer route. I was looking at WYSIWYG editors for a little bit but I couldn't find any decent documentation and I decided I'd save more time if I just tried to learn html :p I think it's funny that my first thread here didn't get answered at all and I still stuck around.
Click to expand...

I eventually gave up and went that route, obviously. Neither of those sites ever went live, but the sites that eventually did were just as bad...
 
CaldwellYSR

CaldwellYSR

Member
ronaldroe said:
I eventually gave up and went that route, obviously. Neither of those sites ever went live, but the sites that eventually did were just as bad...
Click to expand...

Yeah I'm gonna redesign my first live site soon.... it was pretty ugly. I put it on here too and was so proud :p Not only is it ugly but it shouldn't work... it's a wordpress template that doesn't use a single WP loop XD
 
You must log in or register to reply here.
Top