Please help me with regards to my site Websiteko.com it's a new one and it's customize by me.... And here's the problem if I open it with Firefox it really goes well but on IE my design were destruct. what's the problem with this? Please if you have knowledge on this, please help me to solve this. Thanks in advance....
It looks like you got a few problems in IE..On a glance at your source: I can suggest you go to W3 Validation and try and validate your site to fix many of the errors in your code.. Also try not to use tables in your code this is another cause of problems..
I think it's really better to rewrite your HTML and CSS. There are many mistakes and inaccuracies in your page. Page is broken in Opera ans Safari too.
Guys thanks for the comments and suggestions It really helps me to have an idea what to do ... as of now, I'm trying to fix this one... and have some updates if it's already fix... Thank you.
Hey, I was in a helpful mood so i've re drawn up some of your code and it seems to work in IE better now let me know if you need it I have sent you a PM
OK i've tried to label it as clear as i can if you can't understand a section then let me know and i will describe it futher. Try This: 1.First open style.css in your template and add this to the bottom of your mimbo stylesheet: #header {width:880px; display:block; margin:0; padding:0;} .headerl {width:405px; height:114px; background-image: url(http://websiteko.com/wp-content/uploads/2008/03/bannerleft.gif); background-position:left; background-repeat:no-repeat; float:left;} .headerr {width:475px; height:114px; background-image: url(http://websiteko.com/wp-content/uploads/2008/03/bannerright.gif); background-position:right; background-repeat:no-repeat; float:left;} .alignleft {float:left; padding-top:2px; padding-bottom:20px} .alignright {float:right; padding-top:20px; padding-bottom:20px} .clear {clear:both} .sub {} .subscribe {} .left2{height:115px; width:280px; margin-top:20px;background-image: url(http://websiteko.com/wp-content/uploads/2008/03/subscriber-bg.gif); background-position:left; background-repeat:no-repeat; float:left;} .right2{height:115px; width:290px; margin-top:20px;background-image: url(http://websiteko.com/wp-content/uploads/2008/03/subscriber-bg1.gif); background-position:left; background-repeat:no-repeat; text-align:center; float:left;} .fb { padding-left:20px; padding-top:3px; padding-bottom:10px;} .box {padding-left:20px;} .mail {padding: 73px 0 0 290px;} .gg {padding: 60px 0 0 30px;} Code (markup): 2.OK then save this and upload it. 3.Now delete all of your header (eveything above the menu) and replace it with this: <body id="home"> <div id="page" class="clearfloat"> <div id="header"> <span class="headerl"><div class="gg"><a href="http://websiteko.com" title="Websiteko! Gadgets and Gizmos"><font size="6">Gadgets and Gizmos</font></a></div></span> <span class="headerr"><div class="mail"><a href="mailto:kjmalc@gmail.com"><font size=3 color="white" ><b>webmail</b></font></a></div></span> </div> Code (markup): 4.Then take the <div class="right"> and the close for this div </div> out of your menu. 5.OK then delete the part after your menu where your search box and adsense code next to it is (from the line <br/><br/> to </script>) and replace it with this: <div id="sub"> <span class="alignleft"> <form method="get" id="searchform" action="http://websiteko.com/"> <input type="text" size="10" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" class="button" /> </form></span> <span class="alignright"> <script type="text/javascript"><!-- google_ad_client = "pub-6808311432249864"; /* websiteko - 728x15, created 1/29/08 */ google_ad_slot = "3483600742"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></span></div> <div class="clear"></div> Code (markup): 6.OK now delete the part after your first content where the feedburner and adsense ad is (from <br/><br/> to after the code <script></td></tr</table>) and replace it with this: <div class="subscribe"> <span class="left2"> <div class="fb"><img src="http://feeds.feedburner.com/~fc/Websiteko?bg=7DA939&fg=ffffff&anim=0" height="26" width="88" style="border:0" alt="" /></div> <div class="box"> <form action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1753987', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b>Subscribe now to receive latest news!</b><br/><input type="text" value="Enter your email adress..."style="width:160px" name="email"/><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=1753987" name="url"/><input type="hidden" value="WebsiteKo!" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form></div></span> <span class="right2"> <br /><br /><script type="text/javascript"><!-- google_ad_client = "pub-6808311432249864"; /* websiteko 234x60, created 3/3/08 */ google_ad_slot = "7019474424"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></span></div> <div class="clear"></div></div> Code (markup): OK try that and let me know how you get on with it.