robert_gsfame Posted March 29, 2010 Share Posted March 29, 2010 i really confuse with this, i have attached the code below * { margin:0; padding:0; } #demo { border:solid; width:300px; font-family:Verdana,Arial,Sans-Serif; font-size:12px; } #demo a { text-decoration:none; } #demo img { border: 2px solid #FFFFFF; } .news { width:200px; } .news ul li{ list-style:none;} .news .thumbnail { float:left; width:110px; } .news .info span.cat { display: block; padding-top:0px; margin-top:0px; font-size:10px; color:#808080; } .clear { clear: both; padding-top:5px; padding-bottom:5px;} Below is my html code: <table><tr><td> <div id="demo"> <div class="news"> <ul> <li> <div class="info"> <a href="test1.html">Test1</a> <span class="cat">Category: test1</span> </div> <div class="clear"></div> </li> <li> <div class="info"> <a href="test2.htm">test2</a> <span class="cat">Category: test2</span> </div> <div class="clear"></div> </li> <li> <div class="info"> <a href="test3.htm">Test3</a> <span class="cat">Category: test3</span> </div> <div class="clear"></div> </li> </ul> </div> </div></td><td> <div id="demo"><div class="news"> <ul> <li> <div class="info"> <a href="test1.html">Test1</a> <span class="cat">Category: test1</span> </div> <div class="clear"></div> </li> <li> <div class="info"> <a href="test2.htm">test2</a> <span class="cat">Category: test2</span> </div> <div class="clear"></div> </li> <li> <div class="info"> <a href="test3.htm">Test3</a> <span class="cat">Category: test3</span> </div> <div class="clear"></div> </li> </ul> </div> </div></td></tr><table> I create two columns with the same css style and text but the problem is that when i run it on my IE browser, all the text in the first column goes down and not located exactly next to the second column.... Thx Quote Link to comment Share on other sites More sharing options...
robert_gsfame Posted March 29, 2010 Author Share Posted March 29, 2010 okay got it!!! valign="" solve everything Quote Link to comment Share on other sites More sharing options...
JonnoTheDev Posted March 29, 2010 Share Posted March 29, 2010 css vertical-align: top; Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.