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 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; 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. 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. Link to comment https://forums.phpfreaks.com/topic/99876-height-problem-with-ie/#findComment-513203 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.