ďťż

[xhtml] Dwa divy i jedna wysokość

       

Podstrony


telcocafe

Mam 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
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.