Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. CSS topic

Hirdetés

CyberSecurity Connect - blended learning, valódi labor kísérletezésre. Kiberbiztonsági képzés profiktól!
(használd a CYBSEC25PH kuponkódot további 20 ezer ft kedvezményért!)

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

  • #296 czappa aktív tag
    Új Válasz #296
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    czappa

    aktív tag

    Valyon nézi még valaki ezt a topicot? :)
    (Előre mondom, hogy totál kezdő vagyok css-ben.)

    A gondom az, hogy csinálgatok egy oldalt, amiben korábban frame-ekkel dolgoztam, ehelyett most css-t használnék és div-eket.
    A ''frame''-ek a szokásosak: egy felső rész, egy alsó, egy menű és egy tartalom (inner).
    FF-alatt úgy működik, ahogy szeretném, IE6 alatt több baj is van vele, ebből a lényegesebb:
    A belső rész úgy jelenik meg, mintha mindig ''padding: 1em''-et használnék. IE figyel a padding-ra, mert ha növelem az értékét, akkor növekszik a padding, de hiába állítom 0-ra, mintha úgy venné, hogy az 1.
    css:
    body {
    margin: 0em;
    padding:0px;
    position: relative;
    /*font-family: verdana, arial, sans-serif;*/
    }
    .top {
    border-width: 0px;
    padding:0px;
    margin: 0em;
    height: 60px;
    background-color:Peal;
    color: #fff;
    font-size: 36px;
    padding: 10px;
    }
    .container {
    border-width: 0px;
    padding: 0px;
    position: relative;
    margin: 0px;
    }
    .menu {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    top: 60px;
    left: 0;
    width: 180px;
    background-color:Peal;
    overflow: auto;

    }
    .inner {
    /*top: 60px;*/
    border-width: 0px;
    padding: 0px;
    margin: 0em;
    margin-left: 180px;
    width: auto;
    background-color:#D6F0F0;
    overflow: auto;
    font-size: 14px;

    }
    .bottom {
    border-width: 0px;
    padding: 0px;
    margin: 0em;
    margin-left: 180px;
    width: auto;
    height: 30px;
    background-color:Peal;
    /*color: #fff;*/
    font-size: 12px;
    }

    </style>

    De mondom csak az .inner résznél a body-nál jól működik.
    jah a html pedig:
    <body>
    <div class=''container''>
    <div class=''top''>cím szöveg</div>
    <div class=''menu''>
    <br/>
    <br/>
    <br/>
    <ul>
    <li><a href=''index2.php?page=oldal''>oldal</a></li>
    <li><a href=''index2.php?page=oldal''>oldal</a></li>
    <li><a href=''index2.php?page=oldal''>oldal</a></li>
    </ul>
    </div>
    <div class=''inner''>
    --tartalom---

    </div>
    <div class=''bottom''>Hibabejelentés: senkee@gmail.com</div>
    </div>
    </body>

    Mi lehet a probléma?
    A segítséget előre is köszönöm.

    [Szerkesztve]

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