MyCity » Web dizajn / HTML » pomoc oko css-a i sirenja po vertikali

pomoc oko css-a i sirenja po vertikali

Napisano na dan: 22.8.2012

pomoc oko css-a i sirenja po vertikali
Sledeća strana Pagination

Idi na vrh

Poslao: 22 Avg 2012 10:39
Idi na vrh
offline
  • Software developer
  • Pridružio: 06 Sep 2005
  • Poruke: 3800
  • Gde živiš: Beograd

Pozdrav

Potrebna mi je pomoc oko css-a i sirenja po vertikali u odnosu na sadrzaj.
Imam nesto poput ovog na slici:



Radi se o tome da ovde gde je sadrzaj, tu imam neku kontrolu koja generise neki sadrzaj i on moze biti jakoooo dugacak.
Ukoliko je jako dugacak, tj. ispada iz okvira, pojavi se scroll, sto meni ne odgovara jer budu dva scroll-a na strani(glavni i scroll od tog div-a)
U ovom levom divu ima nesto, nebitno.
Na koji nacin bih mogao da organizujem ove div-ove da se footer pomera na dole u odnosu na to koliko ima sadrzaja. Sve sto sam uspeo je da predje sadrzaj preko footera, ali to mi nije resenje



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 22 Avg 2012 13:02
Idi na vrh
offline
  • lnenad  Male
  • Stručni saradnik
    Web
  • Nenad
  • Arhitetak
  • Pridružio: 16 Jan 2007
  • Poruke: 2860
  • Gde živiš: Bijeljina

Kako si pozicionirao footer ?



Poslao: 22 Avg 2012 21:37
Idi na vrh
offline
  • Software developer
  • Pridružio: 06 Sep 2005
  • Poruke: 3800
  • Gde živiš: Beograd

Nema position.
Izgleda da to nece ni moci, jer je to na master strani(asp.net aplikacija) a ta kontrola koju koristim i nije bas pametna, citao sam njenu podrsku
Kako bi teorijski trebalo da pozicioniram, kao relative?

Poslao: 22 Avg 2012 23:53
Idi na vrh
offline
  • lnenad  Male
  • Stručni saradnik
    Web
  • Nenad
  • Arhitetak
  • Pridružio: 16 Jan 2007
  • Poruke: 2860
  • Gde živiš: Bijeljina

Moze da ima veze ali ostavicemo to za kraj, je li ti ima height taj glavni sadrzaj, ako ima to ti vjerovatno pravi problem, promjeni ga u min-height. A ako hoces da sakrijes skrol, stavi overflow:hidden atribut na sadrzaj.

Poslao: 23 Avg 2012 07:55
Idi na vrh
offline
  • Software developer
  • Pridružio: 06 Sep 2005
  • Poruke: 3800
  • Gde živiš: Beograd

height mi stoji na 100% na ovom crvenom divu.
Ako mu stavim overflow na hidden on ce onda da odseca sadrzaj sto mi ne odgovara.
Stavljao sam mu na visible, al onda prepadne preko footer-a. Footer kao da je zakucan tu gde jeste.
Bas sam citao dosta, izgleda da mu pravi problem ta master strana, videcu nekako dinamicki to da setujem, kada se ucita strana da se nekako izracuna visina pa u odnosu na nju marginu na footer da stavim, ili nekako tako :S

Poslao: 23 Avg 2012 09:18
Idi na vrh
offline
  • lnenad  Male
  • Stručni saradnik
    Web
  • Nenad
  • Arhitetak
  • Pridružio: 16 Jan 2007
  • Poruke: 2860
  • Gde živiš: Bijeljina

Nesto ti ima fiksnu visinu sigurno, jer ako footer nema podesenu poziciju ne vidim kako moze da zaglavi.

Probaj nesto ovako

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Poslao: 25 Avg 2012 09:46
Idi na vrh
offline
  • Pridružio: 06 Sep 2008
  • Poruke: 150
  • Gde živiš: Obrenovac

Da si dao ovde ceo svoj CSS mogli bi ti tačno reći šta ti pravi problem. Po meni, tebi nije potreban div koji obuhvata levu kolonu i sadržaj, već ti je potreban div koji obuhvata sve (header, levu kolonu, sadržaj i footer).
Leva kolona i sadržaj su ti sigurno pozicionirani sa float, a u tom slučaju footer obavezno mora da ima clear:both;
No, sve su to samo pretpostavke, pa da ne bi pretpostavljali, evo ti ceo CSS za formiranje layout-a kakav tebi treba, bez ijednog definisanja visine. Svaki od ovih elemenata će se po visini povećavati u skladu sa sadržajem.
* { padding: 0; margin: 0; } body {  font-family: Arial, Helvetica, sans-serif;  font-size: 13px;  color: #333; } #wrapper {  margin: 0 auto;  width: 922px; } #header {  width: 900px;  float: left;  padding: 10px;  border: 1px solid #ccc;  background: #5b9ef8; } #leftcolumn {  border: 1px solid #ccc;  background: #b7d6f2;  padding: 10px;  width: 200px;  float: left; } #rightcolumn {  float: right;  border: 1px solid #ccc;  background: #dcebfb;  padding: 10px;  width: 678px;  display: inline; } #footer {  width: 900px;  clear: both;  border: 1px solid #ccc;  background: #5b9ef8;  padding: 10px; }
I HTML kod:
<body>    <div id="wrapper">          <div id="header">                     <h1>Header</h1>          </div>        <div id="leftcolumn">                     <h2>Kolona levo</h2>        </div>        <div id="rightcolumn">                            <h1>Glavni deo sajta</h1>        </div>        <div id="footer">             <h2>Footer</h2>        </div>    </div>     </body>

Potrebno je da izbaciš bordere ako ti ne trebaju i da prilagodiš ukupnu širinu stranice i širine pojedinih elemenata. Ukupna širina stranice definisana ti je u #wrapper i zbir širina pojedinih elemenata mora da bude upravo toliki (računajući tu šitinu elementa, padding i margin po horizontali plus border, ako ga imaš). Naravno, definiši i ostalo u skladu sa svojim potrebama (veličinu, vrstu i boju fontova, pozadine....)

Pozzzzz...

Poslao: 26 Avg 2012 18:56
Idi na vrh
offline
  • Software developer
  • Pridružio: 06 Sep 2005
  • Poruke: 3800
  • Gde živiš: Beograd

Hvala na pomoci, resio sam problem nekim obilaznim putevima Smile

Probem je sto imam nesto gotovo sto se ubacuje u moj kod i to generise kojekakvo djubre i zezne mi stranu.
Ispravio sam tao sto sam u jquery racunao koliko je sta veliko pa to postavio.
Hvala na kodu, za ovo clear:both nisam znao....

MyCity » Web dizajn / HTML » pomoc oko css-a i sirenja po vertikali

Ko je trenutno na forumu
 

Ukupno su 1278 korisnika na forumu :: 58 registrovanih, 6 sakrivenih i 1214 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 357magnum, 8u47, A.R.Chafee.Jr., AF-1, Ben Roj, bladesu, bojan_t, Brana01, cavatina, cifra, comi_pfc, crnitrn, darkojbn, djboj, Djokislav, djordje92sm, Dorcolac, DPera, Draganeli, draganl, dule10savic, Džordžino, Gargantua, Georgius, kolle.the.kid, Krusarac, Kubovac, kvcali, kybonacci, Libertas, ljuba, loon123, lord sir giga, maiden6657, Mendonca, Metanoja, Miki01, Milan A. Nikolic, milimoj, mkukoleca, moldway, Motocar, nenooo, Nikolaa11, proka89, Reddot, repac, rovac, savaskytec, Snorks, Stoilkovic, vathra, Vlad000, Vlajman1957, voja64, Webb, zlatkoa987, Žrnov