squiblo Posted September 18, 2009 Share Posted September 18, 2009 the table is supposed to be fixed to the bottom of the screen, and it does in FF but in IE the table is like 20px from the bottom any idea how this can be solved? or anything you think that might be worth while checking the css table.footersearch { border:1px solid #999999; } the html <div style='position:fixed;left:1px;bottom:0px;width:100%;'> <form action='http://www.squiblo.com/results.php' method='GET'> <table width='100%' align='center' border='0' bgcolor='#E6E6E6' class='footersearch'> <tr align='center'> <td align='right' width='43%'>Search:</td> <td align='left' width='47%'><input type='text' name='search'> <input type='submit' name='searchsubmit' value='Search'></td> <td align='center' width='10%'><a href='http://www.squiblo.com' style='text-decoration:none'><font color='orange'><b>Squiblo.com</b></font></a></td> </tr> </table> </form> </div> Quote Link to comment Share on other sites More sharing options...
lostprophetpunk Posted September 18, 2009 Share Posted September 18, 2009 Maybe have this in your css... body, html { margin: 0; padding: 0; } You may also need to post the full css as there may be something else causing it. Quote Link to comment Share on other sites More sharing options...
squiblo Posted September 18, 2009 Author Share Posted September 18, 2009 okay, this is my full css... @charset "utf-8"; /* CSS Document */ body { color: black; background-color: #E6E6E6; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 30px; margin-bottom: 50px; margin-left: 0%; /*Here is where you change the width.*/ margin-right: 0%; padding:0px; } .title { font-size: 50px; } table.header { background-color:white; border: 1px solid black; } table.mainbody { background-color:white; border: 1px solid black; } table.footer { background-color:white; border: 1px solid black; } table.footersearch { border:1px solid #999999; } Quote Link to comment Share on other sites More sharing options...
R4nk3d Posted September 23, 2009 Share Posted September 23, 2009 body { color: black; background-color: #E6E6E6; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 30px; margin-bottom: 0px; /* You need to change the bottom MARGIN to 0. margin-left: 0%; /*Here is where you change the width.*/ margin-right: 0%; padding:0px; } Quote Link to comment Share on other sites More sharing options...
CarbonCopy Posted September 27, 2009 Share Posted September 27, 2009 Yes, use divs. Also, I do not believe align is a valid attribute. And you could consider either position:absolute or position:fixed with bottom:0px; Quote Link to comment Share on other sites More sharing options...
Alex Posted September 28, 2009 Share Posted September 28, 2009 http://shouldiusetablesforlayout.com/ Seriously. Tables are good sometimes, but for the most part they cause more problems than they're worth. You'd be better off learning alternative techniques that are more cross-browser friendly. You can start here: http://www.mardiros.net/liquid-css-layouts.html Quote Link to comment Share on other sites More sharing options...
CarbonCopy Posted September 28, 2009 Share Posted September 28, 2009 tables are for tabular data only! Also, I love that site Quote Link to comment Share on other sites More sharing options...
Jagmeet Posted September 30, 2009 Share Posted September 30, 2009 squiblo - well ur 1st code is well working on IE 8 but not in ie6 :-\ Quote Link to comment Share on other sites More sharing options...
CarbonCopy Posted October 1, 2009 Share Posted October 1, 2009 Here is advice when it comes to coding/designing a site for IE6. Don't. That isn't stubborn, it's just intelligence. IE6 isn't really supported by most developers anymore, and is being phased out. There is no good reason people can't at least upgrade, or switch to firefox/chrome/opera/safari. Quote Link to comment Share on other sites More sharing options...
haku Posted October 2, 2009 Share Posted October 2, 2009 That isn't stubborn, it's just intelligence. Not good business sense if you are in the business of developing sites. IE6 isn't really supported by most developers anymore Where are you getting those numbers from? Most people I know in the industry are still supporting IE6. Particularly in my country where it still has a significantly large penetration rate. There is no good reason people can't at least upgrade, or switch to firefox/chrome/opera/safari. That would be nice if it were true. Reading this article may give you some more insight into the matter: http://blog.digg.com/?p=878 IE6 is a pain in the butt, but there are a few things you can do to prevent problems: 1) Add display:inline to all floated images 2) Don't add any top/bottom margins or paddings to any element with a fixed height. Set the height on a wrapper, and add another div inside to which you can apply the padding/margin. 3) Don't add any left/right margins or paddings to any element with a fixed width. Set the width on a wrapper, and add another div inside to which you can apply the padding/margin. 4) Try to avoid position:fixed - it doesn't work in IE6. It can however be faked to some degree if necessary. Google can help you with this. 5) :hover states can only be applied to <a> tags in IE6, so rather than applying :hover to say, a list tag, you can set the <a> inside to be the same size as the containing list tag, and attach the :hover state to the anchor. Doing these five things will solve most IE6 problems. Quote Link to comment Share on other sites More sharing options...
CarbonCopy Posted October 2, 2009 Share Posted October 2, 2009 I can’t upgrade because my computer runs an old version of Windows (2000, ME, or 98). 7% I can’t upgrade because I don’t have administrator access on my computer. 37% I can’t upgrade because someone at work says I can’t. 33% I don’t feel a need to upgrade. 17% I prefer IE6 to other browsers. 7% 1) Firefox 2 works with windows 98 2) Firefox Portable doesn't require administrative access 3) That's the only good reason here, but somebody at work needs to be fired 4) Your an idiot 5) See above Not good business sense if you are in the business of developing sites. I suppose it depends on your target audience and what you are developing. In Canada, usage stats are lower for IE6. Also, Microsoft told users to drop IE6 (Friends don't let friends use ie6). IE6 isn't really supported by most developers anymore Google doesn't support IE6, nor do the new dynamic hotmail and yahoo (Google doesn't for sure, and the other two actually break somewhat in IE6). If you are making a simpler website, I suppose it wouldn't be that bad, but IE6 shouldn't be support, so that users are forced to switch. Microsoft told user Quote Link to comment Share on other sites More sharing options...
saltedm8 Posted October 2, 2009 Share Posted October 2, 2009 this might help you <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link href="css.css" rel="stylesheet" /> <style type="text/css"> html, body { margin:0; padding:0; height:100%; } #container { min-height:100%; position:relative; } #header { background:#ff0; padding:10px; } #main { padding:10px; padding-bottom:60px; /* Height of the footer */ } #footer { position:absolute; bottom:0; width:100%; height:60px; /* Height of the footer */ background:#6cf; } </style> </head> <body> <div id="container"> <div id="header"></div> <div id="main"> <p>ghjghjfgj hgj ghj</p> </div> <div id="footer">here is your footer</div></div> </body> </html> Quote Link to comment Share on other sites More sharing options...
haku Posted October 5, 2009 Share Posted October 5, 2009 1) Firefox 2 works with windows 98 2) Firefox Portable doesn't require administrative access 3) That's the only good reason here, but somebody at work needs to be fired 4) Your an idiot 5) See above You are assuming that these users would know the above points. If they don't (and remember, a lot of the world isn't tech savvy), then they are left with a site they cannot access, without the knowledge on how to get another browser to deal with the solution. I suppose it depends on your target audience and what you are developing. In Canada, usage stats are lower for IE6. Also, Microsoft told users to drop IE6 (Friends don't let friends use ie6). Microsoft may say that users should upgrade, but its only a PR announcement, which most people never read or see. But, as far as your user base you are entirely correct. If you look at your analytics and only a small number of users are accessing your site using IE6, then it's probably safe to drop support for it. Google doesn't support IE6, nor do the new dynamic hotmail and yahoo (Google doesn't for sure, and the other two actually break somewhat in IE6). If you are making a simpler website, I suppose it wouldn't be that bad, but IE6 shouldn't be support, so that users are forced to switch. Microsoft told user I can access google just fine with IE6, including gmail. I can also access hotmail just fine with it. I don't use yahoo, so I cannot comment on that. And again, 'forcing' users to switch is bad for two reasons: 1) You are assuming that they know how (if they did, they probably wouldn't be using IE6 in the first place) 2) You are making decisions for your users, rather than letting them make decisions for themselves. Basically you are putting your priorities on not wanting to spend the time to make the site work in their browser above their choice of browser. Now, depending on your site and the purpose for it, this may be entirely ok. But if it's a business, and you have enough users using IE6, then it's just bad business sense not to support these users. Quote Link to comment Share on other sites More sharing options...
CarbonCopy Posted October 5, 2009 Share Posted October 5, 2009 Again, very valid points. Any idea how I might test my sites in IE6 using Windows 7 preferably without setting up a vm (Which I'll do if there is no other way). And users should be forced to become more tech saavy, it would make the world a much better place, but before you make up a smart reply, I know the world isn't perfect and that won't happen. The solution to this problem? The best I've come up with is to really hate whoever wrote IE6... Quote Link to comment Share on other sites More sharing options...
Maq Posted October 5, 2009 Share Posted October 5, 2009 Again, very valid points. Any idea how I might test my sites in IE6 using Windows 7 preferably without setting up a vm (Which I'll do if there is no other way). http://my-debugbar.com/wiki/IETester/HomePage Quote Link to comment Share on other sites More sharing options...
haku Posted October 6, 2009 Share Posted October 6, 2009 Any idea how I might test my sites in IE6 using Windows 7 preferably without setting up a vm (Which I'll do if there is no other way). This is hands down the best solution I've found: http://www.spoon.net/browsers/ 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.