Compatibility issue firefox vs internet explorer (critical) please help

Discussion in 'HTML & Website Design' started by DFischer, Dec 13, 2006.

  1. #1
    DFischer, Dec 13, 2006 IP
  2. Lichurec

    Lichurec Peon

    Messages:
    61
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I assume that Firefox's version is correct (it's more readable) :)
    Try to replace

    
    (..)
    <body>
     
    
    <div class="content">
    		<div class="header_right">
    			<div class="top_info">
    				<div class="top_info_right">
    					<p><b>You are not Logged in!</b> <a href="#">Log in</a>  or <a href="#">register</a> to start posting your writing!</p>					
    				</div>		
    			</div>
    
    					
    			<div class="bar">
    				<ul>
    					<li class="slogan">Nav:</li>
    					<li id="writingmenu" >  <a href="#writingmenu">Writing</a><script type="text/javascript"> vbmenu_register("writingmenu"); </script>  </li>
    					<li><a href="http://www.writersbeat.com/view_publication_writers_club.htm" accesskey="e">E-zine</a></li>
    					<li><a href="#" accesskey="b">Blog</li>
    
    					<li><a href="http://www.writersbeat.com/view_contests.htm" accesskey="c">Contests</a></li>
    					<li><a href="http://www.writersbeat.com/view_store.htm" accesskey="s">Bookstore</a></li>
    					<li><a href="http://www.writersbeat.com/view_new_here.htm" accesskey="n">New Here?</a></li>
    					<li id="mypopupmenu"><a 
    href="#mypopupmenu">Menu</a><script type="text/javascript"> vbmenu_register("mypopupmenu"); </script></li>
    				
    				</ul>
    			</div>
    
    		</div>
    			
    		<div class="logo">
    			<h1><img src="images/revolution/misc/mascotmed.jpg" height="75" alt="Mascot" /><a href="#" title="The best writing on the net!">Writer's <span class="red">Beat</span></a></h1>
    			<p>What shall we write today?</p>
    		</div>
    
    <!-- mypopupmenu -->
    	<div class="vbmenu_popup" id="mypopupmenu_menu" style="display:none">
    
    		<table cellpadding="4" cellspacing="1" border="0">
    		
    		<tr><td class="thead">Site Menu</td></tr>		
    <tr><td class="vbmenu_option"><a href="faq.php" rel="nofollow">FAQ</a></td></tr>
    <tr><td class="vbmenu_option"><a href="search.php">Search</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/sitemap/">Site Map</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/vaispy.php">Post Spy</a></td></tr>
    <tr><td class="vbmenu_option"><a href="memberlist.php">Memberlist</a></td></tr>
    <tr><td class="vbmenu_option"><a href="sendmessage.php">Contact Us</a></td></tr>
    
    <tr><td class="thead">Forum Jump</td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/introductions-f2.html">Introductions</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/writers-cafe-f5.html">Writers Cafe</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/inkster-incorporated-f58.html">Inksters Incorporated</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/writers-workshops-f78.html">Writer's Workshops</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/writing-help-issues-f89.html">Writing Help & Issues</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/commercial-writing-f59.html">Commercial Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/books-authors-f24.html">Books & Authors</a></td></tr>
    
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/roleplayers-fascinations-f51.html">Roleplayers Fascinations</a></td></tr>
    </table>
    	</div>
    <!-- / mypopupmenu -->
    
    
    <!-- writingmenu -->
    <div class="vbmenu_popup" id="writingmenu_menu" style="display:none">
    		<table cellpadding="4" cellspacing="1" border="0">
    		
    		<tr><td class="thead">Writing</td></tr>		
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/non-fiction-f7.html">Non-Fiction</a></td></tr>		
    
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/fiction-f8.html">Fiction</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/poetry-f10.html">Poetry</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/lyrics-f11.html">Song Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/script-writing-f12.html">Script Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/free-writing-f64.html">Free Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/super-secret-writing-club-f63.html">SSWC</a></td></tr>
    		</table>
    	</div>
    	<!-- / writingmenu-->
    
    		<!-- open content container -->
    <div align="center">
    	<div class="page" style="width:100%; text-align:left">
    		<div style="padding:0px 25px 0px 25px">
    (..)
    
    Code (markup):
    with


    
    (...)
    <body>
     
    
    <div class="content">
    
    <div align="center">
    	<div class="page" style="width:100%; text-align:left">
    
    		<div class="header_right">
    			<div class="top_info">
    				<div class="top_info_right">
    					<p><b>You are not Logged in!</b> <a href="#">Log in</a>  or <a href="#">register</a> to start posting your writing!</p>					
    				</div>		
    			</div>
    
    					
    			<div class="bar">
    				<ul>
    					<li class="slogan">Nav:</li>
    					<li id="writingmenu" >  <a href="#writingmenu">Writing</a><script type="text/javascript"> vbmenu_register("writingmenu"); </script>  </li>
    					<li><a href="http://www.writersbeat.com/view_publication_writers_club.htm" accesskey="e">E-zine</a></li>
    					<li><a href="#" accesskey="b">Blog</li>
    
    					<li><a href="http://www.writersbeat.com/view_contests.htm" accesskey="c">Contests</a></li>
    					<li><a href="http://www.writersbeat.com/view_store.htm" accesskey="s">Bookstore</a></li>
    					<li><a href="http://www.writersbeat.com/view_new_here.htm" accesskey="n">New Here?</a></li>
    					<li id="mypopupmenu"><a 
    href="#mypopupmenu">Menu</a><script type="text/javascript"> vbmenu_register("mypopupmenu"); </script></li>
    				
    				</ul>
    			</div>
    
    		</div>
    			
    		<div class="logo">
    			<h1><img src="images/revolution/misc/mascotmed.jpg" height="75" alt="Mascot" /><a href="#" title="The best writing on the net!">Writer's <span class="red">Beat</span></a></h1>
    			<p>What shall we write today?</p>
    		</div>
    
    <!-- mypopupmenu -->
    	<div class="vbmenu_popup" id="mypopupmenu_menu" style="display:none">
    
    		<table cellpadding="4" cellspacing="1" border="0">
    		
    		<tr><td class="thead">Site Menu</td></tr>		
    <tr><td class="vbmenu_option"><a href="faq.php" rel="nofollow">FAQ</a></td></tr>
    <tr><td class="vbmenu_option"><a href="search.php">Search</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/sitemap/">Site Map</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/vaispy.php">Post Spy</a></td></tr>
    <tr><td class="vbmenu_option"><a href="memberlist.php">Memberlist</a></td></tr>
    <tr><td class="vbmenu_option"><a href="sendmessage.php">Contact Us</a></td></tr>
    
    <tr><td class="thead">Forum Jump</td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/introductions-f2.html">Introductions</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/writers-cafe-f5.html">Writers Cafe</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/inkster-incorporated-f58.html">Inksters Incorporated</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/writers-workshops-f78.html">Writer's Workshops</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/writing-help-issues-f89.html">Writing Help & Issues</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/commercial-writing-f59.html">Commercial Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/books-authors-f24.html">Books & Authors</a></td></tr>
    
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/roleplayers-fascinations-f51.html">Roleplayers Fascinations</a></td></tr>
    </table>
    	</div>
    <!-- / mypopupmenu -->
    
    
    <!-- writingmenu -->
    <div class="vbmenu_popup" id="writingmenu_menu" style="display:none">
    		<table cellpadding="4" cellspacing="1" border="0">
    		
    		<tr><td class="thead">Writing</td></tr>		
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/non-fiction-f7.html">Non-Fiction</a></td></tr>		
    
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/fiction-f8.html">Fiction</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/poetry-f10.html">Poetry</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/lyrics-f11.html">Song Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/script-writing-f12.html">Script Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/free-writing-f64.html">Free Writing</a></td></tr>
    <tr><td class="vbmenu_option"><a href="http://www.writersbeat.com/super-secret-writing-club-f63.html">SSWC</a></td></tr>
    		</table>
    	</div>
    	<!-- / writingmenu-->
    
    		<!-- open content container -->
    
    		<div style="padding:0px 25px 0px 25px">
    
    (..)
    
    Code (markup):

    All I actually did is moving <div align="center"> <div class="page" style="width:100%; text-align:left"> above logo & header menu..
     
    Lichurec, Dec 13, 2006 IP
  3. DFischer

    DFischer Peon

    Messages:
    381
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Eeek, that didn't do it. :(
     
    DFischer, Dec 13, 2006 IP
  4. Lichurec

    Lichurec Peon

    Messages:
    61
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    well..
    worked locally..

    U've got PM :}
     
    Lichurec, Dec 13, 2006 IP
    DFischer likes this.
  5. DFischer

    DFischer Peon

    Messages:
    381
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Found a solution thanks to Lichurec

    added a
    <div class="page" style="padding-top: 20px;">

    after <div class="content">

    and closed it at the footer.

    Seems to work okay now.
     
    DFischer, Dec 13, 2006 IP
  6. Lichurec

    Lichurec Peon

    Messages:
    61
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #6
    It's not the best solution - but it works :}

    Anyway - I'm glad I've been helpful..

    Kindly regards,
    L.
     
    Lichurec, Dec 13, 2006 IP
  7. gabrielangel

    gabrielangel Peon

    Messages:
    169
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I wish I had come to this forum when I was having my issues. Spent hours relearning HTML for my site to work right in Firefox. Later I check in IE ... let's just say I broke some stuff.
     
    gabrielangel, Dec 13, 2006 IP
  8. sz2006

    sz2006 Guest

    Messages:
    307
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I found it's hard to work both for firefox and IE. As most of my visitors are using FF, I focused my CSS for Firefox only. And I found it's easy to make firefox work, but many times IE doesn't work well.
     
    sz2006, Dec 13, 2006 IP