NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

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

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Mario Brunmayr:2.10.2016 16:50

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.10.2016 16:50
Avatar
David Moškoř:2.10.2016 17:00

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.10.2016 17:02
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
2.10.2016 17:00
Život je příliš krátký na to, abyste vymýšleli smysluplné názvy proměnných...
Avatar
Odpovídá na David Moškoř
Mario Brunmayr:2.10.2016 17:08

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.10.2016 17:08
Avatar
David Moškoř:2.10.2016 17:37

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.10.2016 17:37
Život je příliš krátký na to, abyste vymýšleli smysluplné názvy proměnných...
Avatar
Mario Brunmayr:2.10.2016 18:02

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

 
Nahoru Odpovědět
2.10.2016 18:02
Avatar
David Moškoř:2.10.2016 18:10

ja jsem to zkusil a posunula se

Nahoru Odpovědět
2.10.2016 18:10
Život je příliš krátký na to, abyste vymýšleli smysluplné názvy proměnných...
Avatar
Odpovídá na David Moškoř
Mario Brunmayr:2.10.2016 18:12

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

 
Nahoru Odpovědět
2.10.2016 18:12
Avatar
David Moškoř:2.10.2016 18:15

Zkus tohle:

#patka {
    position:relative;
    margin-top:30%;
    background: rgba(122, 31, 31, 1)
}
Nahoru Odpovědět
2.10.2016 18:15
Život je příliš krátký na to, abyste vymýšleli smysluplné názvy proměnných...
Avatar
Mario Brunmayr:2.10.2016 18:16

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.10.2016 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.