ďťż
Podstrony
|
telcocafeMam taki kod:<div id="all"> <div id="content"> <div id="content-left"> tutaj tekst... </div> <div id="content-right"> </div> </div> <div id="footer"> stopka </div> </div> CSS: #content {width: 770px;} #content-left {width: 253px; background: url(gfx/lewo.jpg); float: left; text-align: left;} #content-right {width: 517px; background: url(gfx/prawo.jpg); float: left; text-align: left;} #footer {width: 770px; height: 38px; background: url(gfx/stopka.jpg); clear: both;} W takiej sytuacji, gdy w jednym divie nie ma w ogóle tekstu albo jest go mniej div rozszerza się i tło rozjeżdża. Jak ustawić jedną wyskośc dla obydwu divów? Użytkownik kiperoman edytował ten post 08 sierpień 2006, 13:12 ... Nadaj dla diva footer atrybut clear: both; Użytkownik .:DzIuDek:. ™ edytował ten post 08 sierpień 2006, 13:10 Nadaj dla diva footer atrybut clear: both; Mam tak, ale wtedy ten div, w którym nie ma tekstu ma kolor tła, czego nie chcę. Przydałoby sie byś zamieścił też arkusz stylów ;-). Mam tak, ale wtedy ten div, w którym nie ma tekstu ma kolor tła, czego nie chcę. Zawsze można dla div'a z tymi divami ustawić jako tło grafikę ,która sprawi ,że będziesz miał odpowiedni kolor pod danym div'em ;) Czyli jak chcę mieć tło czarno-białe to tworzę grafikę o szerokości obu div'ów i wysokosci 1px i powiedzmy jej n% (gdzie n% to szerokosc lewego diva) zamalowywuję na czarno ,a resztę na biało ;) Użytkownik .:DzIuDek:. ™ edytował ten post 08 sierpień 2006, 13:13 Zawsze można dla div'a z tymi divami ustawić jako tło grafikę ,która sprawi ,że będziesz miał odpowiedni kolor pod danym div'em ;) Czyli jak chcę mieć tło czarno-białe to tworzę grafikę o szerokości obu div'ów i wysokosci 1px i powiedzmy jej n% (gdzie n% to szerokosc lewego diva) zamalowywuję na czarno ,a resztę na biało ;) Dzięki. Dla IE to dobre rozwiązanie jednak dla FF i Opery nie za bardzo. min-height nie wchodzi w grę. Użytkownik kiperoman edytował ten post 08 sierpień 2006, 13:30 Umieszczasz taki kod: <script type="text/javascript"> //<![CDATA[ <!-- function heightAlign(minHeight) { var elm = [], val = [minHeight], i, tmp; for (i = 1; i < arguments.length; i++) { if (tmp = document.getElementById(arguments[i])) { elm[elm.length] = tmp; tmp.style.height = 'auto'; val[val.length] = tmp.offsetHeight; } } tmp = eval('Math.max(' + val.join(',') + ')'); for (i = 0; i < elm.length; i++) { elm[i].style.height = tmp + 'px'; } } onload = function() { heightAlign(0, 'tresc', 'menu'); }; //--> //]]> </script> // Uzywaj tagów [ code ] ! Użytkownik _Herkules_ edytował ten post 11 sierpień 2006, 18:46 |
|||
Sitedesign by AltusUmbrae. |