[HTML][CSS]Problem z ułożeniem szablonu Opcje

[adrianozo]

Witam wszystkich. Mam problem z ułożeniem szablonu.

Aktualnie wygląda to tak:

http://img697.imageshack.us/f/asdcb.png/

A chcę, żeby wyglądało tak:

http://img192.imageshack.us/f/2asd.png/

Kod html:

[HTML] pobierz, plaintext 
<div id="gora">
    <div id="logo">
        <a href=""></a>
    </div>
    <div id="menu_1">
    </div>
    <div id="menu">
        <a href="">Home</a>
        <a href="/portfolio.html">Portfolio</a>
        <a href="/oferta.html">Oferta</a>
        <a href="/o_mnie.html">O mnie</a>
        <a href="/kontakt.html">Kontakt</a>
    </div>
    <div id="menu_2">
    </div>
    <div class="wyszukiwarka">
        <?php
        if(isset($_GET['wynik'])) 
        {
            $wynik_filtru = urlencode(trim(strip_tags($_GET['wynik'])));
        }
        if(isset($_POST['wynik']))
        {
            echo '<div class="wyszukiwarkas"><form action="http://www.nportfolio.pl/szukaj.html" method="post">
            <input type="text" name="wynik" value="'.$_POST['wynik'].'" class="texts" />
            <input type="image" name="submit" src="images/gszukaj.png" value=" " class="submits" />
            </form></div>';
        }
        else
        {
            echo '<div class="wyszukiwarkas"><form action="http://www.nportfolio.pl/szukaj.html" method="post">
            <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" class="texts" />
            <input type="image" name="submit" src="images/gszukaj.png" value=" " class="submits" />
            </form></div>';
        }
        ?>
    </div>
</div>
[HTML] pobierz, plaintext 

KOD CSS:

Kod

div#gora
{
}
#logo
{
width: 244px;
height: 164px;
background: url(image/logo.gif) repeat-y;
}
#logo  a
{
width: 244px;
height: 164px;
background: url(image/logo.gif) repeat-y;
}
div#menu_1
{
width: 42px;
height: 41px;
background-image: url(image/bg_lay_05.gif);
margin: 0 auto;
}
div#menu
{
margin: 0 auto;
width: 43%;
height: 41px;
background: url(image/bg_lay_07.gif) repeat-x;
}
div#menu a
{
font-weight: bold;
padding: 10px 0 0 0;
font-size: 17px;
font-style: italic;
display: inline-block;
text-decoration: none;
color: #FFFFFF;
margin-right: 20px;
margin-left: 20px;
height: 41px;
text-align: center;
}
div#menu a:hover
{
font-weight: bold;
color: #3399FF;
}
div#menu_2
{
width: 12px;
height: 41px;
background-image: url(image/bg_lay_09.gif);
margin: 0 auto;
}

Problem w tym, że nie wiem co dać w kontenerze div#gora, żeby wyglądało tak jak na drugim obrazka.

Proszę o pomoc.
Z góry dziękuje (IMG:style_emoticons/default/smile.gif)

[adrianozo]

Po niektórych poprawkach zostały tylko dwa błędy:

IE:

http://img545.imageshack.us/f/89815366.png/

Firefox,Opera,Chrome

http://img535.imageshack.us/f/inneh.png/

W ie wyszukiwarka jest dobrze ustawiona w firefox, chrome i operze jest za blisko menu

W ie występuje pasek, którego nie powinno być. Wszystko jest na ss'ach.

LINK: http://www.nportfolio.c0.pl

Dokładnie ta strona.

Ten post edytował adrianozo 19.09.2010, 10:19:41