SilentQ-noob- Posted August 7, 2007 Share Posted August 7, 2007 Hi, I did some practice with HTML, and tried to do it all in notepad, and got it all to work the way I wanted, except it works fine in Internet Explorer, but NOT firefox <head> <style> div {background-color:white } #div1 {text-align="center" } #div2 {text-align="right"; valign="top"} #div3 {text-align="left"; valign="center"} #div4 {text-align="center"; valign="bottom" } </style> <table border="1" width="" height="" align="center"> <tr><td align="left" valign="top" width="350">TEST</td> <td align="center" valign="top" width="350">TEST<br><div id='div1'> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br> test test test test test test<br></div></td></tr> <tr><td width="350"> <div id='div2'>TEST</div> <div id='div3'>TEST</div> <div id='div4'>TEST</div></td> <td><table border="1" width="" height="" align="center"> <tr><td align="center"; width="50" style="background-color:blue; color:white">BULLETS</td> <td align="center";width="50" style="background-color:blue; color:white">NUMBERS</td></tr> <tr><td><ul><li>BULLET 1</li><li>BULLET 2</li><li>BULLET 3</li><li>BULLET 4</li></ul></td> <td><ol><li>One</li><li>Two</li><li>Three</li><li>Four</li></ol></td></tr> </table></td> </tr> </table> </body> Quote Link to comment Share on other sites More sharing options...
almightyegg Posted August 7, 2007 Share Posted August 7, 2007 What's the problem in firefox? Quote Link to comment Share on other sites More sharing options...
SilentQ-noob- Posted August 7, 2007 Author Share Posted August 7, 2007 in the bottom left box of the table, the TEST TEST TEST is supposed to look like this TEST (top right) TEST(center left) TEST (center bottom) Quote Link to comment Share on other sites More sharing options...
almightyegg Posted August 7, 2007 Share Posted August 7, 2007 What does it show instead? just TEST TEST TEST? Quote Link to comment Share on other sites More sharing options...
SilentQ-noob- Posted August 7, 2007 Author Share Posted August 7, 2007 TEST TEST TEST Quote Link to comment Share on other sites More sharing options...
almightyegg Posted August 7, 2007 Share Posted August 7, 2007 Try: #div2 { text-align: right; valign: top; } #div3 { text-align: left; valign: center; } #div4 { text-align: center; valign: bottom; } Quote Link to comment Share on other sites More sharing options...
SilentQ-noob- Posted August 8, 2007 Author Share Posted August 8, 2007 No, that doesn't change anything. I think the problem is the fact that I am using css to do the formatting. The problem is that I don't know what other way to do it so that it will work on all browsers. Anybody have any idea- I think this is a pretty simple challenge for somebody with more HTML experience. ANY help appreciated! Quote Link to comment Share on other sites More sharing options...
SilentQ-noob- Posted August 8, 2007 Author Share Posted August 8, 2007 nm. I got it myself 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.