I'd like to program in css that my css div's are at the same size either in width or height. This without looking at the content of the div box. Usually css looks at how many content you have in your div box and makes the size just accordanly the text. And I want to keep the size fexible so don't give me absolute valubles
this is what I have for now.
div#header{
background-color:#FAF8D2 ;
width:84%;
margin: 90px 0 0 205px;
font-color: #396862;
}
div#box1{
background-color: transparent;
width: 14%;
height:auto;
margin: 25px 15px 0 35px;
font-size: 1.1em;
font-weight: bold;
border: 3px #D0DC5C;
border-style: ridge;
float: left;
}
div#box2{
background-color: transparent;
width: 69%;
height:auto;
margin: 25px 0 0 20px;
font-size: 0.9em;
border: 2px #D0DC5C;
border-style: dashed;
float: left;
}
Answers & Comments
Verified answer
Hi
I was just looking at the same problem. Check out these websites for the solution.
http://www.456bereastreet.com/archive/200404/equal...
http://www.ejeliot.com/blog/61
http://www.projectseven.com/tutorials/css/pvii_col...
http://alistapart.com/articles/fauxcolumns/
http://alistapart.com/articles/holygrail
What you prefer to do is extremely greater advantageous stepped forward CSS. you additionally could make all the tables and text cloth containers you go with in HTML, after which you are able to desire to set this image via fact the background for each; despite the fact that if, in elementary words putting the background image isn't sufficient. that's advisable to set the background place and the spectacular length of the HTML element. working occasion: background-image: url('YOUR image URL'); background-place: XPOSpx YPOSpx; the area XPOS and YPOS are the x and y positions in pixels. this way, you may located in basic words a particular component of the image via fact the background of the element.