By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,626 Members | 1,862 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,626 IT Pros & Developers. It's quick & easy.

Two divs on the same line, but no horizontal scrollbar in IE, justpushes content down

P: n/a
I have two DIVs on the same line, a left navigation frame and the
right content. I want both of those items on the same line. Lets say
the left nav content is 140pixels and the right content is 1400
pixels. In internet explorer, if I put these together the right
content is pushed below the left nav on a separate row. I want them
on the same line. I guess I could use a table and that would fix it,
but I don't have access to change the left nav, so I am stuck with
changing the div on the right content or something else. How can I
put the same line?

Pseudo Code (in the event my HTML won't submit here):
---------------------

#leftframe {
background-color:#E5EEF6;
border:1px solid black;
float: left;
font-size:12px;
margin:0px 5px 0px 0px;
padding:0px;
width:145px;
height: 1024px;
}

[div id="leftframe"]
Left Nav cotnent
[/div]
[div style="width: 1400px"]
The right content
[/div]

--------------

Real Code:

<body>
<head>
<style type="text/css">
#leftframe {
background-color:#E5EEF6;
border:1px solid black;
float: left;
font-size:12px;
margin:0px 5px 0px 0px;
padding:0px;
width:145px;
height: 1024px;
}
</style>
</head>
<html>
<div id="leftframe">
<br />
<table style="border-collapse: collapse;width=142px" border="0">
<tr>
<td valign="top" style="font-size:12px;font-weight:bold;border-
bottom:thin solid lightblue">
&nbsp;&nbsp;Options
</td>
</tr>
</table>

<span style="padding-left=6">
<a class="leftnav_link" href="Summary">Report</a>
</span>
<br>

<br>
<span style="padding-left=6;font-size:11px;color: #0000AA">
Log
</span>

<hr size="2" noshade color="lightblue"><br>

<table style="border-collapse: collapse;width=142px" border="0">
<tr>
<td valign="top" style="font-size:12px;font-weight:bold;border-
bottom:thin solid lightblue">
&nbsp;&nbsp;Tools
</td>
</tr>
</table>
</div>

<div>
<table style="width: 1300px; border: 2px solid #000">
<tr>
<td nowrap="nowrap" style="font-size:12pt; 1px solid #000;">This is
a test</td>
</tr>
</table>

</div>
</body>
</html>
Sep 8 '08 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.