Autor Zpráva
JimmyCz
Profil
Zdravím, chtěl bych se zeptat zda-li byste mi mohli poradit s menším problémek :)

Tady je obrázek:


Jedna se o to,že barva těch pravých sloupců nepokračuje se stránkou když v ní není žádný obsah.

Zde je CSS kod sloupců:
aside {
background: #080808;
background: -moz-linear-gradient(top, #080808 0%, #2c2c2c 44%, #080808 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#080808), color-stop(44%,#2c2c2c), color-stop(100%,#080808));
background: -webkit-linear-gradient(top, #080808 0%,#2c2c2c 44%,#080808 100%);
background: -o-linear-gradient(top, #080808 0%,#2c2c2c 44%,#080808 100%);
background: -ms-linear-gradient(top, #080808 0%,#2c2c2c 44%,#080808 100%);
background: linear-gradient(to bottom, #080808 0%,#2c2c2c 44%,#080808 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#080808',GradientType=0 ); 
  color: #FFF;
  float: right;
  width: 336px;
  height: auto;
  margin: 0px auto;
}

aside .large {
  width: 336px; 
  font-family: Comic Sans MS ;           
}

aside .large > h3 {
  background: url(../images/scap-title.png) no-repeat;
  width: 336px;
  height: 36px;  
  color: #F2F2F2;
  font-size: 14px; 
  padding: 8px 0px 0px 10px; 
font-family: Corbel ;     
}

aside .small_border {
  width: 336px;
  clear: both;   
font-family: Corbel ;
height: auto;                
}

aside .small_left {
  float: left; 
  width: 168px;      
font-family: Corbel ;        
}


aside .small_left > h3 {
  background: url(../images/scap-title-left.png) no-repeat;
  width: 168px;
  height: 36px;  
  color: #F2F2F2;
  font-size: 14px;
font-family: Corbel ; 
  padding: 8px 0px 0px 10px;      
}

aside .small_right {
  float: right; 
  width: 168px;        
font-family: Corbel ;        
}

aside .small_right > h3 {
  background: url(../images/scap-title-right.png) no-repeat;
  width: 168px;
  height: 36px;  
  color: #F2F2F2;
  font-size: 14px; 
  padding: 8px 0px 0px 10px;  
font-family: Corbel ;    
}

Děkuju Vám předem za pomoc.
Tomáš123
Profil
JimmyCz:
Do prvého bloku pridaj overflow: auto alebo za blokom aside vyclearuj pomocou CSS vlastnosti clear. Pozri si tiež článok o obtekaní.
JimmyCz
Profil
Zkusil jsem obojí a nefunguje to..
Tomáš123
Profil
JimmyCz:
nefunguje to
Zišiel by sa konkrétnejší popis. Ideálne živá ukážka.
anonymníí
Profil *
Tomáš123:
To samozřejmě nepomůže, že...

JimmyCz:
Nedodal jsi kód (CSS je v tomto případě k ničemu), takže si tipnu. Aside je jen ten černý sloupec (nebo oba, to je teď jedno).

Podstata celého triku spočívá v tom, že nepotřebuješ stejně dlouhé sloupce, ale jen aby stejně dlouhé vypadaly. Vše spočívá v nastavení pozadí rodiči (většinou obrázkem) a pak přidání overflow/clearu. Ve skutečnosti jsou sloupce různě dlouhé, dle obsahu, ale vizuálně se natáhnou na délku delšího. Zkus hledat magické KW "stejné dlouhé sloupce".
Tomáš123
Profil
anonymníí:
Nepomôže, máš pravdu.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: