Sunday, November 29, 2009

Help! Stuck with web design problem in IE (CSS)?

I have a fairly simple web page design, layouts done in CSS.



There's a "container" around it all, "navbar" at top, "menu" at left, "content" to right of menu and a "footer". It all works perfectly in Firefox and Opera, but in IE the content falls down and sits underneath the end of the menu unless the window is totally maximised.



I don't have any long unbroken text in the menu so I don't think that's causing the problem by stretching the width..



In Firefox and Opera, if I reduce the size of the window, part of the content gets hidden on the right hand side, but the overall layout isn't affected. IE wants to always show the entire content, at the expense of the layout. How can I get it to behave in the same way as Firefox and Opera (short of emailing everyone in the world and telling them to get rid of IE?!)



Thanks guys!



Help! Stuck with web design problem in IE (CSS)?windows installer



Hi there,



Is the content section actually sitting directly below the menu, as in moving over to the left in order to be under it?



Or is it just dropping down on the page but still staying to the right side of the menu?



If it is staying in its area and just dropping down, try adding



vertical-align:top;



to the class on your stylesheet that controls the formatting and layout of your content section.



Also, and in both cases, if you are using percentages as widths for any of your settings, you might want to try giving them fixed widths so the sections will retain %26amp; use the proper amount of space allotted for them.



Sorry my answer is so vague, however without seeing it, it's hard to tell what is causing your problem.



Good luck with it!



Help! Stuck with web design problem in IE (CSS)?microsoft vista internet explorer



Actually, you wouldn't have to email anyone; you can use the page itself to tell users the site only works with actual web browsers. One such thing I've come across is "Too Cool for IE", which I've linked to below.
set all of the table width to be important like so



%26lt;table style="width:400px!important;"%26gt;



and if that dont work you then maybe you should try putting it in a table like so



%26lt;table style="width:800px!important; border-width:0px!important;"%26gt;



%26lt;tr%26gt;



%26lt;td class="navbar"%26gt;



blah blah



%26lt;/td%26gt;



%26lt;/tr%26gt;



%26lt;tr%26gt;



%26lt;td class="menu"%26gt;



blah blah



%26lt;/td%26gt;



%26lt;td class="content"%26gt;



blah blah



%26lt;/td%26gt;



%26lt;/tr%26gt;



%26lt;tr%26gt;



%26lt;td class="footer"%26gt;



blah blah



%26lt;/td%26gt;



%26lt;/tr%26gt;



%26lt;/table%26gt;

No comments:

Post a Comment

 
computer repair