Hi, chciałem spytać co mam źle w CSS'ie, ponieważ coś rozjeżdża mi się strona.

Oto na FF i Operze:


Oto na IE:


Oto kod:
**LINK**


Z góry dziękuję za pomoc

P.S.: Wiem, że w kodzie jest trochę kaszana.

Ie inaczej interpretuje box model

IE do lamusa niech idzie .... mam ten sam problem, najlepiej zrobić osobno style do FF i osobno do IE, czasochłonne, powinni spalić Microsoft ... hehehe

No ale co poprawić w tych moich stylach?

zrób osobne style css dla ie tyle na temat;P bądz przysiądź i sporządź kod który będzie idealny na wszystkie przeglądarki jeżeli takowy da rade wykonać bo mi się jeszcze nie udało heh ;P a na temat osobnych styli poszukaj na forum o komentarzach warunkowych bądź pisząc style w jednym style.css dla ie np width : 10px; zrób _width : 10px; tak gdzieś też czytałem że można

----- EDIT -----

trzeba korzystać z bugów IE

No dobra, ale jak stworzyć ten CSS dla IE, żeby wyglądało tak samo jak na FF? Bo ja jakoś inaczej tego CSS'a nie bardzo umiem skonstruować.

Patrzałeś na forum o komentarzach warunkowych ?

Pokaż kod ( HTML + CSS ) a nie kod PHP. Jeśli myślisz, że będziemy analizować twój kod to się grubo myślisz. Chce widzieć to co dostaje przglądarka. Wtedy może coś poradzimy.

@up_up: zaraz zobaczę te komentarze.
@up: no to przecież pod tym linkiem są style u góry strony. A co do galerii, to jest na dole. Co mam więcej pokazać.

EDIT:
@up_up: no i patrzyłem te komentarze warunkowe, i wiem co miałeś na myśli, ale co ja mam w nich umieścić? Jak ja nie wiem jak mam ten CSS skonstruować pod IE? Możesz jakaś pomoc?

No i co z tego, że umieściłeś style ? To przecież nie wszystko. Dopóki nie dasz kodu, który dostaje przeglądarka, wątpie aby ktoś odważył się sprwadzać gdzie jest błąd. Analizowanie tego zajełoby dnie i noce. Jeszcze raz nalegam o HTML + CSS. Nic więcej.

Główne style:

[HTML] pobierz, plaintext 
<style type="text/css">
        a{ text-decoration: none; color: #007981; }
        a:link { text-decoration: none; color: #007981; }
        a:visited { text-decoration: none; color: #007981; }
        a:active { text-decoration: none; color: #007981; }
        a:hover { color: #fea00a; }
            .link a{ text-decoration: none; color: #6e7a7b; }
            .link a:link { text-decoration: none; color: #6e7a7b; }
            .link a:visited { text-decoration: none; color: #6e7a7b; }
            .link a:active { text-decoration: none; color: #6e7a7b; }
            .link a:hover { color: #fea00a; }
        ///////////////////////////////////////////////////////////////////////
            .links a{ text-decoration: none; color: #FFFFFF; }
            .links a:link { text-decoration: none; color: #FFFFFF; }
            .links a:visited { text-decoration: none; color: #FFFFFF; }
            .links a:active { text-decoration: none; color: #FFFFFF; }
            .links a:hover { color: #fea00a; }
        * { border: 0; margin: 0; padding: 0; }
                #boxContainer { margin: 0 auto; }
                        #leftSide { width: 730px; float: left; margin: 0 5px 0 0;}
                        #rightSide { width: 280px; float: left; }      
            #subLeftSide { width: 50%; float: left; }
                        #subRightSide { width: 50%; float: left; }
                .box .content { background-color: #f4f4f4; color: #007981; margin: 0 5px 15px 5px; font-size: 10pt; font-family: Verdana; border-bottom: 1px; border-bottom-color: #6e7a7b; border-bottom-style: solid; }
                .box h2 { border: 5px white solid; }
        #logo { width: 1017px; float: center; margin: 0 0 0 7px; }
        #reklama { width: 1017px; text-align: center; margin: 10px 0 5px 7px; }
        .menu { width: 1002px; height: 30px; text-align: center; font-weight: bold; color: #007981; padding-top: 10px; font-size: 12pt; font-family: Verdana; background-image: url('img/menu_pixel.png'); background-repeat: repeat-x fixed; margin: 0 0 0 6px; border-bottom: 1px; border-bottom-color: #6e7a7b; border-bottom-style: solid; }
        .stopka { width: 1002px; height: 30px; padding-top: 10px; clear: both; font-weight: bold; background-color: #f4f4f4; margin: 440px 0 0 6px; border-top: 1px; border-top-color: #6e7a7b; border-top-style: solid; }
         input.mainoption { background-color: #4996ba; color: #FFFFFF; font-weight: bold; }
    </style>
[HTML] pobierz, plaintext 

Style w tej galerii:

[HTML] pobierz, plaintext 
<div class="content">
        <?php
//kod php
        echo "<a href=\"javascript:void(0)\" onClick=\"javascript:displayWindow('img-gallery.php?id=$img[id]&id_gallery=$img[id_gallery]')\">
<img src=\"galeria/{$img['folder']}/{$img['sciezka']}\" style=\"width: 95%; margin: 8px auto auto auto; border: 1px #6e7a7b; border-style: double; border-width: 1px 1px 1px 1px;\">
</a>";
//dalej kod php
        ?>
                </div>
[HTML] pobierz, plaintext