2 div-y auto height

Pascalwb

Caute, mam taky problem, mam vedla seba dva divy, no a oni sa automaticky predlzuju podla obsahu vnich. No ja by som potreboval, ze ked sa predlzi jeden, tak aby bol ten druhy taky isty dlhy. Problem, je ze sa predlzia podla obsahu, ale kazdy je iny. Skusal som aj auto height aj 100 % no vysledok je taky isty.

1.

Kód: Vybrať všetko

width: 66%;
	height: auto;
	min-height: 844px;
	min-width:200px;
	border-width: 0px;
	border-style: solid;
	border-color:yellow;
	float: left;
	background-image: url(images/news2.jpg);
	background-color: white;
	position: relative;
	background-repeat: repeat-x;

2.

Kód: Vybrať všetko

width: 32%;
	height: 100%;
	border-width: 0px;
	border-style: solid;
	border-color: maroon;
	float: left;
	background-image: url(images/reklama.jpg);
	background-color: #8a8a8a;

oba daj do tretieho divu, napríklad s id wrapper. Všetkým trom daj potom height na 100%

harrison314

Ja mam rovnaky problem, ale Audiotrkove riesenie nepomohlo

c-ice

Kód: Vybrať všetko

<html><head>



<style>

body {
   
      background: #FFFFFF; /* farba pozadia */
      color: #000000; /* farba textu */
      font-family: "Verdana", "Helvetica", sans-serif; /* typ písma */
      font-size: 12px; /* vežkos� písma */
      margin: 12px; /* okraje */
      }

   
 #HEADER {
   
      width: 100%; /* �írka */
   
      height: 90px; /* vý�ka */
   
      background: #AA7239; /* farba pozadia */
   
      padding: 5px; /* odsadenie */
  
      color: #FFFFFF; /* farba písma */
      }

  
#DIVIDER {
      width: 100%; /* �írka */
      height: 20px; /* vý�ka */
   
      /* background: #FF8000;  farba pozadia */
   
      padding: 3px; /* odsadenie */
      margin-bottom: 5px; /* okraje */
      }
#wraper{
         width:100%;
         height: 100%;
       }

#LEFT {
      position: relative;
      width: 20%; /* �írka */
      height: 100%; /* vý�ka */
      float: left; /* nadväzovanie */
      background: #FFDFBF; /* farba pozadia */
      margin: 5px; /* okraje */
      border-width: 1px; /* vežkos� kraja */
      border-color: #AA7239; /* farba kraja */
      border-style: solid; /* typ kraja */
      padding: 5px; /* odsadenie */
      }

#CONTENT {

	height: 100%;
	 width: 75%;
	float: left; /* nadväzovanie */
	margin: 5px; /* okraje */
	padding: 5px; /* odsadenie */
	border-width: 1px; /* vežkos� kraja */
	border-color: #AA7239; /* farba kraja */
	border-style: solid; /* typ kraja */
}

#FOOTER {
  
      width: 100%; /* �írka */
      height: 25px; /* vý�ka */

      background: #AA7239; /* farba pozadia */
      float: left; /* nadväzovanie */
      margin-top: 5px; /* vrchný okraj */
      padding: 3px; /* odsadenie */
      }
</style>
</head><body>
<div style="height: 500px;">
<div id="HEADER" class="HEADER">
Hlavicka
</div>

<div id="DIVIDER" class="DIVIDER">
</div>

<div id="wraper">

<div id="LEFT" class="LEFT">
Menu
</div>


<div id="CONTENT" class="CONTENT">
Clanok
<br>
text text text
<br>
text text
</div>
</div>

<div id="FOOTER" class="FOOTER"></div>
</div>
</body></html>

?
skus na pisanie pouzit nejake IDE napr. NetBeans alebo Visual Studio .. napoveda ti to syntax a mas autocompleter + ten kod bude trocha odsadeny od okraja ked pouzijes v netbeanse ctrl + a potom alt+shift+f ... autocomplete ma ctrl+space ...
a ctrl+u daj na stranke v prehliadaci a tam sa inspiruj ako je to spravene ... plus nezabudni firebug

harrison314

Diki.
Kde bola chyba?

c-ice

cele som to uzavrel este do jedneho divu ktory by som nazval Kontajner

.. id="container" ... a dal mu height co ale nieje velmi potrebne pre tebe a bude sa to musiet inak spravit a este si tam mal preklep ... wrapper si daval ako CLASS a pritom to je ta druha vec ...

2 div-y auto height

2 div-y auto height

Re: 2 div-y auto height

Re: 2 div-y auto height

Re: 2 div-y auto height

Re: 2 div-y auto height

Re: 2 div-y auto height