yaragallamurali

That will horizontally aligns the test in the center. But my main problem is "vertical alignment". how to vertically align text in the center?

Hi the following is my code:- <div style="height:200px;border: 2px solid red"> this is my book.<br>I am so happy.</div> I have to vertically align the text in center of the div. I will have multiple lines of text. Can anyone help me solve this?

Hi thanks for your reply. For this kind of situation i think tables are the best. If we have to do only with div's i got a solution with javascript. I don't know why people are too much into frameworks(jquery). if frame work is able to do it, we also should be able to do it. After all jquery is built upon javascript. I am not against frame works. i agree they make our life easy but what i feel is we always have to have fundamentals and should know how to solve the problem without frameworks. Then to avoid huge amount of coding if you are using framework it is fine. In my opinion we should at least know the concepts. Anyway thanks for taking time to answer my question.

Hi correcting the parent container mean it gives the parent containers static position again. is it?

Hi scout1idf, Thanks for your reply. With "table-cell" and "table-column" this can be done but these are not supported in all browsers. At least i can guarantee that these are not supported 2 years back. So I am looking for a solution which will be supported by all browsers and without any problem.

Hi with the following code i am able to bring 3 Div's in a single row which are surrounded by a parent DIV. Now the problem is separating each div with a vertical line which makes it look like table cells in a single row. This can be done easily by applying "border-right" on each DIV. But here there is a problem. In these 3 div's Every div grows(height) independently based on the size of the content. So all the vertical lines should be of the height of the highest Div's height. I mean for example in the 3 div's suppose, first div height is 100px and second div height is 200px and third div height is 50px. Now all the vertical lines separating Div's should be of 200px. So it looks like real cells in a single row. Kindly help me in solving this problem? <div style="border:2px solid red; overflow: hidden;"> <div style="width:100px;height:100px;border:2px solid yellow;float:left;"></div> <div style="width:100px;height:100px;border:2px solid black;float:left"> </div> <div style="width:100px;height:100px;border:2px solid black;float:left"> </div> </div> Thanks in advance. Thanks and Regards,Muralidhar Yaragalla.

Ok thank you so much "dsonesuk". I have understood little bit. According to the definition on w3schools "overflow" deals with the overflown elements. But this is a new view. You are saying that it can be used to correct the parent container. The only question left is what properties does it correct. Only height or does it have impact on any other properties as well? Please don't think i am bothering you too much. I am trying to understand at my level best.

Hi dsonesuk, This is really nice. But i am not able to understand. The "overflow:hidden" should hide the over flown content of the div. But how is this working? when applied "overflow:hidden" how the div is growing dynamically according to its children? and also it is said that when "float" is applied it overrides or rips of the parent element properties. So how this all is working. A little explanation will help me understand the solution in a better way. kindly help me to understand this. Thanking you so much.

one answer i found was <div style="border:2px solid red;"> <div style="width:100px;height:100px;border:2px solid yellow;float:left;"></div> <div style="width:100px;height:100px;border:2px solid black;float:left"> </div> <div style="width:100px;height:100px;border:2px solid black;float:left"> </div> <div style="clear:both"></div> </div> is there any other legitimate approach?

hi i have the following code <div id="parent" > <div >apple</div> <div>cat</div></div> and my requirement is, apple div and cat div should appear side by side(next to each other horizontally) without using absolute and float. why is it because when used absolute or float the parent div height becomes 0px. I want the 2 child div's appear side by side and also the parent div height should increase according to the child div's height. can any one help me solving this problem?

can we contribute to this site development (w3schools). is it possible?

Hi finding alternative or leaving it because you have not understood, is not going to help you in the long run. The problem is with "com.google.appengine.api.channel.ChannelServiceFactory" . This is not part of j2ee spec. This is from a third party. So do u have the jar file which contains this class. I think you should be able to get it from google as the name appears. Get the jar file and keep that in the "lib" folder which will be in the "web-inf" folder of your app. Hope this helps.

Ya that is good. according to my suggestion in the first glance itself we will get an idea. Anyways if possible try to implement otherwise fine. I am not sure but can we contribute to the site development?

Hi in the following html page on w3schools i thought little bit of improvement could help everybody to understand in a better way. http://w3schools.com/tags/tag_input.asp in the above page when look into attributes section in the attribute "type" there are nearly 11 types. but i think most of them are from html5. most of the browsers are not yet supporting. so in front of these types if we can place a note(such as from which version they are included) this could help us understand better. You are doing this for other attributes by placing "new" which indicates that they are from html5. for example "date". this is supported in chrome but not in mozilla yet.