Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (12) összesen

Téma: Elcsúszó div háttér

  1. #1
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás Elcsúszó div háttér

    Már megint nemtudok valamit

    debutor.hu/teszt

    Kód:
    #masthead {
    background-color: #000000;
    height: 100px;
    }
    
    #header {
    width: 900px;
    margin: 0px auto 0px auto;
    height: 100px;
    color: #F3F3F3;
    }
    
    #logo {
    width: 200px;
    height: 90px;
    position: relative;
    float:left;
    padding:5px;
    }
    
    #h1head {
    position: relative;
    float:left;
    width: 680px;
    height: 50px;
    padding:5px;
    }
    
    #headmenu {
    width: 680px;
    height: 20px;
    padding: 5px;
    margin-left: 210px;
    background-color: #FFFFFF;
    }
    
    
    #nav {
    text-align: center;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    
    }
    Ha ez megoldódik, azt hiszem túl vagyok a nehezén Előre is köszi!



  2. #2
    insert_click bubu001 logója
    Csatlakozott
    08-05-19
    Hely
    Budapest
    Hozzászólás
    1.296
    Begyűjtött 7 köszönetet
    5 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    #headmenühöz tedd be:
    position: relative;
    top: 60px;

    a px-el kísérletezz mennyi a jó.

    ie-ben nem biztos, hogy jó lesz.


    Székelyderzs és vártemploma LinkkatalógusCuba hotel booking
    Alacsony törpe sokat bír!

  3. #3
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    Idézet bubu001 eredeti hozzászólása Hozzászólás megtekintése
    #headmenühöz tedd be:
    position: relative;
    top: 60px;

    a px-el kísérletezz mennyi a jó.

    ie-ben nem biztos, hogy jó lesz.
    Így a háttér a helyére kerül, a szöveg viszont lecsúszik egyenesen bele a containerbe.

    Melyik pixellel kísérletezzek?

    Ahogy látom, a "b - itt kellene fehér háttér" szöveg és a div háttere nem szeretik egymást


    Utoljára módosítva: HAL9000 által : 2010-06-16 10:15

  4. #4
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    A headmenü tartalma és háttere között van egy állandó távolság. Ha relative pozíciót kap a div, akkor a háttér és a masthead, vagy header (esetleg a h1head div tetejéhez képest nő a távolság - attól függően hogy a top: ?px;

    geri szokta tudni



  5. #5
    insert_click bubu001 logója
    Csatlakozott
    08-05-19
    Hely
    Budapest
    Hozzászólás
    1.296
    Begyűjtött 7 köszönetet
    5 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    azért esik ki belőle, mert a h1headben nincs bent a headmenu, hanem a div után raktad.

    a diveket úgy próbáld elképzeni mint a dobozokat, egymásba pakolhatod, meg egymás mellé, meg alá, ha lezárod a divet és utána egy újat indítassz, az valahol körültte fog megjelenni.

    tessék egy újabb anyag css layoutok:
    hxxp://www.maxdesign.com.au/articles/css-layouts/



  6. #6
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    Persze, mivel a h1head alá szeretnék más tartalmat. A h1head-ben lesz a h1, a headmenu-ben egy navigáció. Ezért egymás alá kellenek.

    Megoldás lehet hogy a h1head tulajdonságait megadom egy, a h1head utódját, és a headmenu-t tartalmazó div-nek és beleteszem mindkettőt...

    Kipróbálom

    Idézet bubu001 eredeti hozzászólása Hozzászólás megtekintése
    azért esik ki belőle, mert a h1headben nincs bent a headmenu, hanem a div után raktad.

    a diveket úgy próbáld elképzeni mint a dobozokat, egymásba pakolhatod, meg egymás mellé, meg alá, ha lezárod a divet és utána egy újat indítassz, az valahol körültte fog megjelenni.

    tessék egy újabb anyag css layoutok:
    hxxp://www.maxdesign.com.au/articles/css-layouts/
    Köszi az újabb anyagot!



  7. #7
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    Íme, működik - bár kicsit sok lett a div. Szeretni fogja ezt a Gugli?

    debutor.hu/teszt

    Kód:
    #masthead {
    background-color: #000000;
    height: 100px;
    }
    
    #header {
    width: 900px;
    margin: 0px auto 0px auto;
    height: 100px;
    color: #F3F3F3;
    }
    
    #head {
    position: relative;
    float:left;
    width: 680px;
    height: 90px;
    padding:5px;
    }
    
    
    #logo {
    width: 200px;
    height: 90px;
    position: relative;
    float:left;
    padding:5px;
    }
    
    #h1head {
    height: 50px;
    
    }
    
    #headmenu {
    height: 20px;
    background-color: #FFFFFF;
    color:gray;
    }




  8. #8
    insert_click bubu001 logója
    Csatlakozott
    08-05-19
    Hely
    Budapest
    Hozzászólás
    1.296
    Begyűjtött 7 köszönetet
    5 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    Miért ne szeretné, nincs vele gond, de teszteld minden alatt, az ie néha érdekes dolgokat produkál.

    ha kluboldalt csinálsz, miért nem valami cms-el próbálkozol?



  9. #9
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: Elcsúszó div háttér

    Rendben, tesztelni fogom - köszi szépen a segítséget!



  10. #10
    MinderBinder edem logója
    Csatlakozott
    09-09-02
    Hely
    Budapest
    Hozzászólás
    1.093
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Elcsúszó div háttér

    Idézet bubu001 eredeti hozzászólása Hozzászólás megtekintése
    Miért ne szeretné, nincs vele gond, de teszteld minden alatt, az ie néha érdekes dolgokat produkál.

    ha kluboldalt csinálsz, miért nem valami cms-el próbálkozol?
    Nem tudom milyen kluboldalról lehet szó, de a buddypress úgy tudom pont erre való!



Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •