Kā sidebar var dabūt paredzētajā vietā? | Notepad.lv


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



autors: reGative

Atbildēt | Sūtīt vēstuli | |

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-
Kods:
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ā!

Komentāri

    Serveris.lv

  1. azazul : 26 Decembris 2009 23:53:38 AtbildētProfilsSūtīt vēstuli

    Iemācies lietot Firebug.
    _________________
    "Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo

  2. daGrevis : 26 Decembris 2009 23:58:02 AtbildētProfilsSūtīt vēstuli

    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 komentāru




Digitālās foto kamerasDigitālās foto kameras

  • Saistītās tēmas