Keresés

Új hozzászólás Aktív témák

  • enmarnemtom

    csendes tag

    hali, csinálok egy kissé összetettebb oldalt, amit gondoltam, hogy css-sel tök jó lesz. IE-ben nincs is semmi gond, de firefoxban szétzuhan az egész...Elég amatőr vagyok, lehet teljesen rossz úton járok, de végülis ie-ben frankó, mit csináljak, hogy firefoxban is ugyanúgy nézzen ki???!!! Már egy csomó oldalt végignéztem, de nem találom az igazi választ, légyszi segítsetek, mert már megbolondít......!!!!!!!!!

    Az oldal: [link]

    És a css: (bocs, kicsit hosszú...)

    @charset "utf-8";

    body { background-image: url(images/bgr.jpg); }

    img{ border: 0px none; }
    }

    div#test
    {
    background-image: url(images/markaz_29.jpg);
    margin-left: auto; margin-right: auto;
    width: 853px;
    margin-top: 14px;
    position: relative;
    }

    div.clearer {
    clear: left;
    line-height: 0;
    height: 0;
    }

    img.fej1 { margin-top: -38px; margin-left: 25px; position: absolute;}
    img.fej2 { margin-top: -38px; margin-left: 171px; position: absolute;}
    img.fej3 { margin-top: -38px; margin-left: 318px; position: absolute;}
    img.latniv { margin-top: 52px; margin-left: 25px; position: absolute;}
    img.latniv0 { margin-top: 52px; margin-left: 171px; position: absolute;}
    img.izek0 { margin-top: 154px; margin-left: 25px; position: absolute;}
    img.izek { margin-top: 154px; margin-left: 171px; position: absolute;}
    img.bor { margin-top: 250px; margin-left: 25px; position: absolute;}
    img.bor0 { margin-top: 250px; margin-left: 171px; position: absolute;}
    img.rendezv0 { margin-top: 342px; margin-left: 25px; position: absolute;}
    img.rendezv { margin-top: 342px; margin-left: 171px; position: absolute;}
    img.sport { margin-top: 445px; margin-left: 25px; position: absolute;}
    img.sport0 { margin-top: 445px; margin-left: 171px; position: absolute;}
    img.tura0 { margin-top: 540px; margin-left: 25px; position: absolute;}
    img.tura { margin-top: 540px; margin-left: 171px; position: absolute;}
    img.szallas { margin-top: 642px; margin-left: 25px; position: absolute;}
    img.szallas0 { margin-top: 642px; margin-left: 171px; position: absolute;}
    img.fejlec1 { margin-top: 49px; margin-left: 318px; position: absolute;}
    img.fejlec2 { margin-top: 100px; margin-left: 318px; position: absolute;}

    div#felsomenu
    { width: 460px;
    margin-left: 330px; margin-top: -816px;
    position: relative;
    color: #000000;
    font-weight: bold;
    font-family: arial;
    font-size: 12px; }

    div#szoveg
    { width: 460px;
    position: relative;
    margin-left: 340px; margin-top: 51px;
    font-family: verdana;
    color: #030303;
    font-size: 13px;
    line-height: 1.2 }

    div#lablec
    { width: 460px;
    margin-top: 50px;
    margin-left: 0px;
    height: 300 px;
    margin-bottom: 20px;
    background-color: #00ff00;
    position: relative; }

    div#alja
    { background-image: url(images/alja.jpg);
    margin-left: auto; margin-right: auto; margin-top: -20px;
    width: 853px; height: 60px;
    }

    div#tamogatok
    { margin-top: 770px;
    margin-left: 40px;
    width: 270px;
    background-color: #ff0000;
    position: relative; }

    div#jog
    { width: 270px;
    margin-top: -70px;
    margin-left: -300px;
    height: 500 px;
    margin-bottom: 20px;
    background-color: #ff0000;
    position: relative;}

    Örök hálám a megoldónak!!! :P

  • enmarnemtom

    csendes tag

    válasz enmarnemtom #425 üzenetére

    Jelentem megoldódott a problémám, az infót sajnos máshol kaptam, de itt is megosztom: az absolute-relative igazítások helyett float: left-et alkalmaztam, de magyarázat helyett nézzétek meg ennek az oldalnak a css-ét. Ez firefoxban is szinte ugyanaz mint ie-ben.
    [link]

Új hozzászólás Aktív témák