ayok Posted April 6, 2008 Share Posted April 6, 2008 Hello, Back with another problem.. I have problem with a height in IE. I've got this css: #navigation{ height:41px; } <tr><td id="navigation">Home | about us | etc</td></tr> This height is the same height with the next cell of a table. I have no problem with other browser, but in IE the height is expanded to 10px (51px). How could this happen? How can I fix it? Thank you for your time. ayok Quote Link to comment https://forums.phpfreaks.com/topic/99876-height-problem-with-ie/ Share on other sites More sharing options...
wrathican Posted April 9, 2008 Share Posted April 9, 2008 dont use tables, use a div. try this. its not tested but its along the right lines.. i hope.. html: <div class="navigation">Home | About | Etc</div> css: div.navigation { text-align: center; width: 100%; posistion: relative; Quote Link to comment https://forums.phpfreaks.com/topic/99876-height-problem-with-ie/#findComment-512886 Share on other sites More sharing options...
GameYin Posted April 9, 2008 Share Posted April 9, 2008 If I understand you correctly, IE's child element of the cell in the table, is getting an extra 10px. And also if you use 2 ids with the same name on the same page, it will be invalid. I wouldn't suggest using tables as layout. You are the subject of inheritance. Quote Link to comment https://forums.phpfreaks.com/topic/99876-height-problem-with-ie/#findComment-512920 Share on other sites More sharing options...
duclet Posted April 9, 2008 Share Posted April 9, 2008 It is very strange to see tables with CSS. Anyway, the problem is the margin and/or padding. Just set padding & margin to 0 and that should fix the probelm. Quote Link to comment https://forums.phpfreaks.com/topic/99876-height-problem-with-ie/#findComment-513203 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.