<div>
It works. But now I have #nav and #search. I'd like #search to be on top and #nav at the bottom. Thx
</div>


It works. But now I have #nav and #search. I'd like #search to be on top and #nav at the bottom. Thx

<div>
So I guess you are assuming that I can see across the internet into you mind and determine what it looks like without a link or any other hint. &nbsp;Nope, I do not have telepathic capabilities. &nbsp;I need specifics.<br />
<br />
Cd&amp;
</div>


So I guess you are assuming that I can see across the internet into you mind and determine what it looks like without a link or any other hint.  Nope, I do not have telepathic capabilities.  I need specifics.

Cd&

<div>
<div class="content wysiwyg-content">
I have the following html (see below) and the result is not what I am looking for. The #nav and #search are below the #logo and not next to #logo.<br />
<br />
Please see pic for what I am looking for.<br />
<a href="https://filedb.experts-exchange.com/incoming/2014/04_w14/843579/Capture.JPG" target="_blank" title="final result (19 KB)"><img alt="final result" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2014/04_w14/800_843579/Capture.JPG" /></a><br />
<br />
&nbsp;
<pre><code id="code-10-28405819-1"> &lt;div id=&quot;header&quot;&gt;
        &lt;div id=&quot;logo&quot;&gt;&lt;/div&gt;
        &lt;div id=&quot;search&quot;&gt;search&lt;/div&gt;
        &lt;div id=&quot;nav&quot;&gt;
            &lt;ul&gt;
                &lt;il&gt;&lt;a href=&quot;&quot;&gt;home&lt;/a&gt;&lt;/il&gt;
                &lt;il&gt;&lt;a href=&quot;&quot;&gt;home&lt;/a&gt;&lt;/il&gt;
                &lt;il&gt;&lt;a href=&quot;&quot;&gt;home&lt;/a&gt;&lt;/il&gt;
                &lt;il&gt;&lt;a href=&quot;&quot;&gt;home&lt;/a&gt;&lt;/il&gt;
                &lt;il&gt;&lt;a href=&quot;&quot;&gt;home&lt;/a&gt;&lt;/il&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;</code></pre>
<br />
and css code: 
<pre><code id="code-10-28405819-2">#logo {
	width: 280px;
	height: 100px;
	background-image:url(images/logo.jpg)
}
#search {
	float:right;}
	
#nav {
	width: 680px;
	text-align:center;
}</code></pre>
</div>
</div>


Capture.JPG

I have the following html (see below) and the result is not what I am looking for. The #nav and #search are below the #logo and not next to #logo.

Please see pic for what I am looking for.



 (CODE)

and css code: (CODE)

css layout

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Page layout, also known as desktop publishing, is the part of graphic design that deals in the arrangement of visual elements on a page. It generally involves organizational principles of composition to achieve specific communication objectives. With print media, elements usually consist of type (text), images (pictures), and occasionally place-holder graphics for elements that are not printed with ink such as die/laser cutting, foil stamping or blind embossing. Commonly used programs include Adobe PageMaker and InDesign, Corel Ventura, QuarkXPress, Microsoft Publisher and Xara, along with more specialized programs such as TeX, LaTeX and LyX.

Page Layout Software

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.