CSS alignment issue in IE

can anyone help?

[Captain_Pin]

Hello. I posted on the forum the other day with relation to a persistent alignment issue i'm having with my site in IE. Basically an externally loading form is meant to appear in the middle column as it does in firefox and other browsers, though in IE it is appearing below the left hand column. I was advised to re-format the CSS stripping it down to only what is required, which I have done but to no avail.
I have included below the relevant html and complete css for the site. If anyone can work out what the issue here is and let me know that would be much appreciated.

Thanks.

<div id="dis_wrap">

<div id="dis_header">
<a href="http://sitename.com/" title="Go Home"><img src="static_images/dis_title.gif" height="100" width="246" alt="Site Name" id="dis_title" /></a>
</div>

<div id="dis_topnav">

<form id="dis_srch" action="http://sitename.com/content/site_search">

<h3>Search</h3>
<input type="text" name="query" value="" class="srch_input" />
<input type="image" name="srch_btn" alt="Go!" src="static_images/srch_btn.gif" value="Go!" class="srch_btn" />

</form>

<div id="dis_content">

<div id="dis_colleft">

<div id="comm_main">

<div class="top_header2">
<strong>Search</strong>
</div>

<div id="user_info">
<div id="login">

<form id="form1" runat="server" action="http://www.google.co.uk">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap="nowrap"><b>Artist/event</b></td>
</tr>
<tr>
<td nowrap="nowrap">
<G_Webengine:CampaignQuickSearchBox_image ID="CampaignQuickSearchBox1" runat="server" btnimg="/drownedinsound/images_main/searchbtn.gif" />
</td>
</tr>
</table>

</div>
</div>

<hr />

<div id="side_bar_community">

(all info on left side bar removed for this posting)

<div id="dis_colmiddle">

<div id="reco_main">

<div class="top_header">
Site Name
</div>

<!--<div>
<table width="100%" background:#FFFFFF; border="0" cellspacing="0" cellpadding="0">

<table width="367" cellpadding="0" cellspacing="0" border="0" class="normal">
<tr><td class="normal">

</div>-->
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">

</asp:contentplaceholder>

<!--</td></tr></table>-->

</form>

</div>
</div>

BODY {
COLOR: #313131
}
A {
COLOR: #313131
}
A:link {
COLOR: #313131
}
A:visited {
COLOR: #313131
}
A:active {
COLOR: #313131
}
A:hover {
COLOR: #313131
}
INPUT.srch_input {
BACKGROUND: #d9f3fd
}
BODY {
PADDING: 0; MARGIN-LEFT: 10px; BACKGROUND: #fff; FONT: 11px Georgia, "Times New Roman", Times, serif; WIDTH:800px
}
IMG {
PADDING: 0; MARGIN: 0; BORDER: none;
}
HR {
DISPLAY: none
}

A {
TEXT-DECORATION: none
}
A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
#dis_wrap {
PADDING: 0; MARGIN: 0; WIDTH: 900px; HEIGHT: 100%
}

#dis_header {
PADDING: 0; MARGIN: 0; POSITION: relative; HEIGHT: 105px;
}
#dis_nav {
PADDING-TOP: 7px; MARGIN: 0px 0px 0px 15px; FLOAT: left;
}
#dis_srch {
PADDING-TOP: 6px; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 6px; MARGIN: 0; BORDER-TOP: #cfcfd0 1px dashed; FLOAT: left; WIDTH: 180px;
}
#dis_nav UL {
PADDING: 0; MARGIN: 0; LIST-STYLE-TYPE: none
}
#dis_nav UL LI {
PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0; FLOAT: left; DISPLAY: inline;
}
#dis_nav UL LI A {
PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px 1px; FONT-WEIGHT: bold; FONT-SIZE: 13px;
}
#dis_srch H3 {
PADDING: 0; MARGIN: 0px 5px 0px 0px; FLOAT: left; VERTICAL-ALIGN: middle;
}
INPUT.srch_input {
PADDING-TOP: 3px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: 0px 3px 0px 0px; BORDER-TOP: #cfcfd0 1px solid; BORDER-RIGHT: #cfcfd0 1px solid; BORDER-LEFT: #cfcfd0 1px solid; BORDER-BOTTOM: #cfcfd0 1px solid; FLOAT: left; FONT: bold 10px Georgia, "Times New Roman", Times, serif; VERTICAL-ALIGN: middle; WIDTH: 76px; HEIGHT: 14px
}
INPUT.srch_btn {
PADDING: 0; MARGIN: 0; BACKGROUND: url(static_images/srch_btn.gif) #333 no-repeat; VERTICAL-ALIGN: middle; CURSOR: hand; BORDER: none; TEXT-INDENT: -2000px; outline: none; WIDTH: 33px; HEIGHT: 18px;
}

INPUT.event_search_text_box {
PADDING-TOP: 1px; PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: 0; BORDER: #cfcfd0 1px solid; BACKGROUND:#ffffff; FLOAT: left; FONT: bold 10px Georgia, "Times New Roman", Times, serif; VERTICAL-ALIGN: middle; WIDTH: 103px; HEIGHT: 14px
}
#dis_content {
PADDING: 0; MARGIN: 0; CLEAR: both; WIDTH: 0px; POSITION: relative
}
#dis_colmiddle {
PADDING: 0; MARGIN: 0; FLOAT: left; POSITION: center; WIDTH: 647px;
}
#dis_colright {
PADDING: 0; MARGIN: 0; FLOAT: left; OVERFLOW: hidden; WIDTH: 0; POSITION: relative
}
#dis_colleft {
PADDING: 0; MARGIN: 0px 10px 0px 0px; FLOAT: left; OVERFLOW: hidden; WIDTH: 185px; POSITION: relative
}
#dis_footer {
CLEAR: both; BACKGROUND: #fff; WIDTH: 900px
}
#dis_footer_info {
PADDING-TOP: 8px; PADDING-RIGHT: 8px; PADDING-BOTTOM: 8px; BORDER-TOP: #cfcfd0 1px dashed; MARGIN-TOP: 10px; FLOAT: left; WIDTH: 100%; TEXT-ALIGN: center
}
.col_txt {
FONT-WEIGHT: bold
}

.entry_list UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.entry_list UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px
}
.entry_list_norm {
BORDER-BOTTOM: #cfcfd0 1px dashed
}
.entry_list_last {
BORDER-BOTTOM-STYLE: none
}
.entry_list .content_type_label {
DISPLAY: none
}
UL.event_list {
PADDING-RIGHT: 0; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#login {
PADDING-TOP: 9px; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 9px; BACKGROUND: #ffeece; FLOAT: left; WIDTH: 100%;
}

[JAB Creations]

A few tips to help you help us be more helpful to you...

1.) Post only clientside code when you're in a clientside forum. I generally copy and paste the posted code to a new text file and open it up in Firefox so serverside code is going to add unnecessary funk in to the mix.

2.) Post a full page test case. This is especially important when dealing with clientside code because browsers have quirks and standards mode. Does your company use IE's quirks mode or standards? Don't know? Create a test case including a full page example without unnecessary code (so include the doctype, html elements, etc). You want to ask people to answer you, not guess what the page should look like.

3.) Use the [quote] and [/quote] BB code to make your posts easier to read.

4.) If you're going to use a domain name stick to example.com.

5.) Stick your page's CSS code at the top inside of a style element. By the time I would be done reconstructing your page in guess mode I'm not even sure you'll be seeing what I'm seeing and it is self-defeating for you so I'm just trying to make you aware of how to ask more effective question when you compose your question.

6.) You're talking about Internet Explorer...so...what version of Internet Explorer? 5.0, 5.5, and 6.0 have almost completely identical rendering, 7.0 is relatively improved and 8.0 is vastly improved.

Now as far as an answer goes I can only be as specific as your question. Since it lacks a doctype and other structural information I can't give you the answer you desire. But I'll give it a shot...

How does this look in Firefox, Opera, and Safari? Is the page rendering in standards mode? If Firefox, Opera, and Safari look fine and IE does not I would recommend using conditional comments to correct the issue.

So reconstruct the page without ASP, stick your CSS in a style element, make sure your example page validates in the W3C validator using direct input here...
http://validator.w3.org/

...and when you post let us know what version of IE you're having trouble with. *Then* we can be much more helpful.

- John

[1][[b]edited by[/b]: JAB_Creations at 5:44 pm (utc) on April 18, 2008][/1]