- Kod: Zaznacz cały
#sidebar {
width: 190px;
float: right;
padding: 0 0 2em 10px;
}
#sidebar h2 {
margin: 0.9em 0 0.2em -10px;
padding: 0.2em 0 0.2em 10px;
color: #ccddaa;
font-size: 0.9em;
background: #a0b080;
}
#sidebar h2 ma lewy padding określony na 10px, lewy margin jest ustawiony na -10px, w ten sposób tło sięga aż do brzegu menu, mimo lewego paddingu dla całego #sidebar równego 10px. W nowym szablonie chcę osiągnąć ten sam efekt, ale korzystam w nim, dla określenia wielkości poziomych, z procentów. Odpowiednio: padding #sidebar mam określony na 2%. niestety 2% dla #sidebar h2 okazuje się ilością zbyt małą. Całość zlepia się dopiero przy 13%, ale po pierwsze, nie wiem czemu tak jest, po drugie dziwnie się to zachowuje w różnych rozdzielczościach i przy zmianie wielkości czcionki w przeglądarce.
Czy mógłby ktoś oświecić mnie, w czym tu tkwi problem?