Pokaż wyniki od 1 do 2 z 2
  1. #1
    Obserwator
    Dołączył
    February 09
    Postów
    2
    Siła Reputacji
    0


    Twoja ocena: Yes No

    Problem z formatowaniem na DIVach w IE

    Witam
    Mam problem ze stroną: www.fabrykadruku.net.pl
    w Firefoxie wyświetla stronę dobrze, natomiast w IE nie
    Strona jest zrobiona na DIVach
    Proszę o pomoc

    Plik css
    Kod:
    * {
      padding: 0;
      margin: 0;
    }
    body {
        font-family: Arial;
        font-weight:bold;
        background-color:#a10000;
        background-repeat:repeat-x;
        color: #FFFFFF;
    }
    
    img {
    margin:0;
    padding:0;
    border:0;
    }
    
    a:link, a:visited {
    color:#000;
    text-decoration:none;
    }
    a:hover {
    text-decoration:underline;
    color:#339900;
    }
    
    #container {
        width: 900px;
        margin: 0 auto;
    }
    
    #header {
        width: 900px;
        height: 118px;
    }
    #dtop {
        width: 900px;
        height: 249px;
    }
    #ltop {
        height: 250px;
        width: 666px;
        background-image: url(images/0_03.jpg);
        float: left;
        margin-left: 25px;
    }
    #ptop {
        height: 250px;
        float: left;
        width: 188px;
        background-image: url(images/0_04.jpg);
    }
    #menu {
        width: 550px;
        float: left;
        height: 40px;
        margin: 0 0 0 30px;
    }
    #ltop #tytul {
        width: 400px;
        float: left;
        padding: 5px;
        margin: 20px 0 0 30px;
        color: #dc0101;
        font-size: 18px;
    }
    #ltop #napisy {
        width: 380px;
        margin: 10px 0 0 50px;
        float: left;
        color: #3d3d3d;
        font-size: 12px;
    }
    #ost {
        width: 483px;
        float: left;
        margin: 20px 0 0 30px;
    }
    #ost #gora {
        width: 463px;
        height: 84px;
        float: left;
        background-image: url(images/11.jpg);
        background-position: top;
        background-repeat: no-repeat;
        overflow: hidden;
        margin-left: 8px;
    }
    #ost #title {
        float: left;
        width: 250px;
        height: 30px;
        margin: 10px 0 0 35px;
    }
    #ost #srodek {
        float: left;
        width: 473px;
        background-image: url(images/4_03.jpg);
        background-repeat: repeat-y;
        margin-left: 8px;
        overflow: hidden;
    }
    #miniatura {
        background-image: url(images/5_03.jpg);
        width: 199px;
        height: 143px;
        float: left;
        margin-left: 13px;
    }
    #miniatura #zdj {
        float: left;
        width: 163px;
        margin: 20px 0 0 15px;
        height: 107px;
    }
    
    #ost #srodek #tytul {
        float: left;
        width: 230px;
        height: 30px;
        background-image: url(images/8.jpg);
        padding: 15px 0 0 30px;
        color: #1d1c1c;
        font-size: 14px;
    }
    #ost #srodek #tresc {
        width: 200px;
        float: left;
        margin-left: 30px;
        font-size: 10px;
    }
    #ost #srodek #wiecej {
        float: right;
        width: 64px;
        height: 19px;
        margin-right: 30px;
        margin-bottom: 10px;
    }
    #ost #dol {
        float: left;
        width: 471px;
        height: 38px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    #billboard {
        float: right;
        width: 300px;
        height: 301px;
        margin-right: 20px;
    }
    #srodeka {
        width: 900px;
        background-image: url(images/bga_03.jpg);
        background-position: bottom;
        background-repeat: repeat-x;
        height: 338px;
        clear: both;
        float: left;
    }
    #kontakt {
        float: left;
        width: 900px;
        background-color: #131313;
        height: 260px;
    }
    #kontakt #lewa {
        width: 500px;
        height: 200px;
        float: left;
    }
    #kontakt #lewa #lewe {
        float: left;
        width: 160px;
    }
    #kontakt #lewa #lewe #pole {
        width: 160px;
        margin: 10px 0 0 20px;
        font-size: 12px;
    }
    #kontakt #lewa #prawe {
        float: left;
        width: 250px;
        height: 190px;
    }
    #kontakt #lewa #prawe #pole2 {
        width: 205px;
        margin: 10px 0 0 35px;
        font-size: 12px;
        text-align: center;
    }
    #kontakt #lewa #prawe #wyslij {
        float: right;
        width: 67px;
        height: 39px;
        margin-right: 25px;
        margin-top: 5px;
    }
    
    
    
    
    
    #kontakt #prawa {
        width: 390px;
        float: left;
        height: 200px;
    }
    #kontakt #prawa #dane {
        width: 367px;
        float: left;
        height: 30px;
    }
    #kontakt #prawa #mapa {
        float: left;
        width: 217px;
        height: 194px;
        margin-top: 10px;
        background-image: url(images/18.jpg);
        overflow: hidden;
    }
    #kontakt #prawa #napis {
        float: left;
        width: 172px;
        height: 150px;
        font-size: 12px;
        padding-top: 20px;
    }
    #stopka {
        width: 900px;
        height: 60px;
        clear: both;
        background-image: url(images/20.jpg);
        float: left;
    }
    #stopka #lewa {
        width: 400px;
        height: 30px;
        font-size: 10px;
        float: left;
        margin: 20px 0 0 30px;
    }
    #stopka #prawa {
        float: right;
        width: 300px;
        height: 30px;
        margin: 20px 0 0 0;
        font-size: 14px;
    }
    plik html

    Kod:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="verify-v1" content="SFvCvnAYTszEXIUoTQMbB46xFsLpHLUj40u6nA92m/M=" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <title>FabrykaDrukuCyfrowego - Drukarnia Wielkoformatowa</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <div id="container">
        <div id="header">
        <div style="width:900px; height:116px; float:left; margin:0px;"><img src="images/3_01.jpg" alt="" /></div>
                <div id="ltop">
    <div id="menu">
    <a href="index.php"><img src="images/1.jpg" alt="Fabryka Druku Cyfrowego - Drukarnia Wielkoformatowa" /></a><a href="reklama.php"><img src="images/2.jpg" alt="reklama świetlna, reklama wizualna, kasetony, banery, konstrukcje pod reklamy." /></a><a href="druk.php"><img src="images/3.jpg" alt="Druk wielkoformatowy, banery, siatki mesh, folie, grafika na pojazdach, reklama" /></a><a href="wynajem.php"><img src="images/4.jpg" alt="Wynajem powierzchni reklamowych, billboardy, kampanie reklamowe, reklama na budynkach, siatki na budynkach." /></a><a href="kontakt1.php"><img src="images/5.jpg" alt="Kontakt do naszej firmy Fabryka Druku Cyfrowego" /></a>
    </div>
                    <div id="tytul">Witamy na naszej stronie.</div>
                       <div id="napisy">Nasza firma zajmuje się przede wszyskim drukiem wielkoformatowym oraz wynajmem powierzchni reklamowych. Poza tym zajmujemy się szerokopojętą identyfikacją wizualną firm. Jesteśmy otwarci na wszelkie niekonwencjonalne zlecenia.
                       Wykonamy dla Państwa każdy rodzaj reklamy wizualnej, od kasetonów, tablic reklamowych, bannerów po wizytówki oraz ulotki.</div>
                </div>
                <div id="ptop"></div>
        </div>
        <div id="srodeka">
        <div id="ost">
            <div id="gora">
                <div id="title"><img src="images/6.jpg" alt="" /></div>
                <div style="background-image:url(images/7.jpg); background-repeat:no-repeat; float:left; width:433px; height:10px; margin-left:29px;"></div>
            </div>
            <div id="srodek">
                <div id="miniatura">
                    <!-- tutaj mozna dawać zdjęcie miniaturki !-->
                    <div id="zdj"></div>
                </div>
                <div id="tytul">Centrum usług BHP</div>
                <div id="tresc">Oststnim projektem, nad jakim pracowaliśmy było wykonanie reklamy dwustronnej dla Centrum usług BHP.</div>
                <div id="wiecej"><a href="#"><img src="images/6_03.jpg" alt="" /></a></div>
            </div>
            <div id="dol"><img src="images/10.jpg" alt="" /></div>
        </div>
        <div id="billboard"><img src="images/1_06.jpg" alt="" /></div>
        </div>
    <div id="kontakt">
    <form action="email.php" method="post">
    
            <div id="lewa">
            <div style="float:left; width:400px; height:41px; margin-left:20px"><img src="images/16.jpg" alt="" width="388" height="41" /></div>
                <div id="lewe">
                    <div id="pole">
                    Imie i nazwisko :<br/>
                    <input type="text" name="imie" size="25" style="background-color:#282828; border:solid; border-color:#4a4a4a; border-width:1px; color:#FFFFFF;" />
                    </div>
                    <div id="pole">
                    Telefon kontaktowy :<br/>
                    <input type="text" name="telefon" size="25" style="background-color:#282828; border:solid; border-color:#4a4a4a; border-width:1px; color:#FFFFFF;" />
                  </div>
                    <div id="pole">
                    E-mail :<br/>
                    <input type="text" name="email" size="25" style="background-color:#282828; border:solid; border-color:#4a4a4a; border-width:1px; color:#FFFFFF;" />
                  </div>
                </div>
                <div id="prawe">
                    <div id="pole2">
                    Treść wiadomości :<br/>
                    <input type="text" name="text" size="28" style="height:120px; background-color:#282828; border:solid; border-color:#4a4a4a; border-width:1px; color:#FFFFFF;" />
                  </div>
                    <div id="wyslij"><input type="submit" value="wyślij" />
    </div>
                </div>
            </div>
    </form>
            <div id="prawa">
                <div id="dane"><img src="images/17.jpg" alt="" width="367" height="41" /></div>
                <div id="mapa"></div>
                <div id="napis">
                Fabryka Druku Cyfrowego <br />
    Bandzul Sebastian<br />
    <br />
    ul. Długa 12<br />
    11-700 Mrągowo <br />
    NIP : 742-200-77-32<br />
    Tel./fax: (89) 741 53 38<br />
    Kom: 0 665 633 481<br />
    mail: kontakt@fabrykadruku.net.pl<br /></div>
            </div>
    
    </div>
    
        <div id="stopka">
            <div id="lewa">Wszelkie prawa zastrzeżone 2009 FabrykaDrukuCyfrowego<br />
    </div>
            <div id="prawa">Home   |   Promocje   |   Oferta   |   Kontakt</div>
        </div>
    </div>
    </body>
    </html>
    Strona jest już prawie gotowa lecz daję pierwotny plik gdyż będzie łatwiej znaleźć błąd.

    Pozdrawiam
    Sebastian

  2. #2
    Obserwator
    Dołączył
    February 09
    Postów
    2
    Siła Reputacji
    0


    Twoja ocena: Yes No

    Ok znalazłem

    proszę o zamknięcie tematu

Informacje o temacie

Users Browsing this Thread

Aktualnie 1 użytkownik(ów) przegląda ten temat. (0 zarejestrowany(ch) oraz 1 gości)

Podobne wątki

  1. Odpowiedzi: 2
    Ostatni post / autor: 03-12-07, 11:48
  2. problem z formatowaniem dysku SATA
    By Drasiu in forum HARDWARE
    Odpowiedzi: 9
    Ostatni post / autor: 08-03-07, 14:21

Zakładki

Zakładki

Uprawnienia

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •  

Jak czytać DI?

Powered by  
ATMAN EcoSerwer