Kā sidebar var dabūt paredzētajā vietā?

Moderatori: janis.wd, Vecākie lietotāji

User avatar
reGative
E-žurnālists
Atbildes: 409
Pievienojies: 15 Sep 2009, 15:55
Reputācija: 0
Atrodas: Rīga un pierīga

Kā sidebar var dabūt paredzētajā vietā?

Post no reGative » 26 Dec 2009, 23:34

Gandrīz vai gatavs ir jauns wordpress dizains. Bet ar sidebar novietojumu problēma. It kā CSSā norādīts, ka novietojums ir pa labi, bet tas bloks ir lejā, gribu, lai ir blakus contentam. Ja lieto margin pirmo nulli un to pārveido uz piem. -711px, tad paceļās, bet ja contentbloks pagarinās, tad tas sidebar ir drusku zemāk.

CSS kods ir šeit-

Code: Select all

div.sidebar {margin-top: auto; margin: 0 39px 0 19px; width: 204px; float: right;}
div.sidebar-top{background: url('images/sidebar-top.png'); margin: 0 0 -12px 0; height: 14px;}
div.sidebar-middle {background: url('images/sidebar-middle.png');}
div.sidebar-bottom {background: url('images/sidebar-bottom.png'); margin: -12px 0 0 0; height: 14px;}
Palīdziet to bloku dabūt vietā!

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 26 Dec 2009, 23:53

Iemācies lietot Firebug.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 26 Dec 2009, 23:58

Nu ok, izstāstīšu... Pfff

Pirmkārt div tagam, kurā atrodas gan side-box gan content-box, izmērs nedrīkst būt mazāks par abu - side-box, content-box - summu, ieskaitot visus border, margin utml....
Otkārt abiem - side-box, content-box - jābūt "float: left;".
Treškārt Tev pēc abiem div'iem vajag ielikt div'u ar šādu CSS: "clear: both;".

P.S. Pfff
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

Pievienot atbildi

Return to “Klienta puse (html, css, svg, xslt, xhtml, js)”