Diskuze: změna velikosti části pro obsah podle obsahu textu

HTML a CSS HTML a CSS změna velikosti části pro obsah podle obsahu textu American English version English version

Avatar
Mario Brunmayr:

Ahoj, prosimvás nemůžu přijít na způsob jak nastylovat proměnlivou velikost CCSka obsah a obsahu tak aby velikost se přizpůsobovala počtu textu a dalších částí vnořeném divu obsah a obsahu, zkoušel jsem to řešit pomocí min a max-height ale pouze jsem docílil sesypání stránky. Tento kod řeší rozložení webu, popřípadě na této adrese mám uploadovanou stránku s daným stylem. text přesahující část webu pro něj určenou

body {
     background-attachment: scroll;
     background-repeat: repeat-y, repeat-x;
     text-align: center;
}

#pozadi {
    width: 100%;
       background: rgba(122, 31, 31, 1)

}
# background-image {
     width: 100%;
}



#menu {
    /* background-color: yellow;  */
     height: 25%;
   /*  margin-left: 10%; */

     width: 100%;
    background: rgba(117, 117, 117, 1)



}




#hlavicka {

     height: 50%;
   /*  margin-left: 10%; */

     width: 100%;
      margin-top: -2%;
    background: rgba(122, 31, 31, 1)

}

#obsaho {

     height: 50%;
   margin-left: 10%;


     margin-top: -2%;
      width: 80%;
    background: rgba(122, 31, 31, 1)
    }

#obsah{

     height: 40%;
     margin-left: 0%;
     margin-top: -27%;
     width: 100%;
    background: rgba(122, 31, 31, 1)
    }


#patka {
    /* background-color: brown; */

     width: 100%;
         height: 15%;
     margin-top: -2%;
    background: rgba(122, 31, 31, 1)
}
 
Odpovědět 2. října 16:50
Avatar
David Moškoř:

Máš tam height: 40%; stačí to přeměnit na height: auto a automaticky se to přizpůsobí textu. Stejně to funguje i s width.

#obsah{

     height: auto;
     margin-left: 0%;
     margin-top: -27%;
     width: 100%;
    background: rgba(122, 31, 31, 1)
    }
Editováno 2. října 17:02
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 2. října 17:00
Všechno jde, když se chce!
Avatar
Odpovídá na David Moškoř
Mario Brunmayr:

Děkuji, jen ještě jak docílim toho aby patička stránky se mi zobrazovala pod obsahem a ne v něm ?

 
Nahoru Odpovědět 2. října 17:08
Avatar
David Moškoř:

Promiň za zpoždění napsalo mi to, že komentář můžu odeslat až později protože jsem jich odeslal mnoho :-(. Když tam vložíš to height:auto tak se ti automaticky posune i patička. Měl bys to mít v pořádku.

Nahoru Odpovědět 2. října 17:37
Všechno jde, když se chce!
Avatar
Mario Brunmayr:

To jsem si podle logiky taky myslel ale ona se neposune :D

 
Nahoru Odpovědět 2. října 18:02
Avatar
David Moškoř:

ja jsem to zkusil a posunula se

Nahoru Odpovědět 2. října 18:10
Všechno jde, když se chce!
Avatar
Odpovídá na David Moškoř
Mario Brunmayr:

paticka se neposune zkoušel jsem pár úprav ve firebugu a to posunutí mi pořád nejde :(

 
Nahoru Odpovědět 2. října 18:12
Avatar
David Moškoř:

Zkus tohle:

#patka {
    position:relative;
    margin-top:30%;
    background: rgba(122, 31, 31, 1)
}
Nahoru Odpovědět 2. října 18:15
Všechno jde, když se chce!
Avatar
Mario Brunmayr:

problém je v divu obsah u vlastnosti margin-top: . Měl jsem specifické řešení jedné věci kterou jsem nakonec vyřešil úplně jinak a toto byl ten rušivý element.

 
Nahoru Odpovědět 2. října 18:16
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.