Browser compatitibility

Unknown98 · **Unknown98**, WDF User Home page Private message E-mail

Ok - here's my site I just started today: www.mercfire.kh3.us/governist
It's fine in IE8, but in FF it's messed up. What code below do I need to change to allow for universal browser support? Firefox and IE are my main concerns right now, Safari & chrome are pluses.

Code How do I post code blocks?

.wrapper{
  width:95%;
  border:1px solid #404040;
  margin-left: auto;
  margin-right: auto;}
.header{
  width:100%;
  text-align:center;}
.logo{
  width:100%;
  text-align:left;}
.news{
  margin:1%;
  width:35%;
  border:1px solid #000;
  text-align:left;
  padding:5px;
  float:right;}
.menu{
  width:100%;}

HTML How do I post HTML blocks?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"[url="http://www.w3.org/TR/html4/strict.dtd"]http://www.w3.org/TR/html4/strict.dtd[/url]">
<html>
 <head>
  <title>Governist</title>
  <meta name="copyright" content="2009, Governist.  All rights reserved.">
  <meta name="keywords" content="Governist, free, game, business, simulation, online, country, countries, politics" />
 <meta name="description" content="Play Governist, a revoultionary new online game." /> 
 
 
  <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
 
 </head>
<body>
<div class="wrapper">
 <div class="header">
    <div class="logo">
    <img src="images/logo.png" />
  <div class="news">
    <? include("includes/text/news.txt"); ?>
    </div>
    </div>
 
  </div>
 <div class="menu">
   <? include("menu.html"); ?>
  </div>
</div>
</body>
</html>

Combatibality and security are my two bad points.

aeroweb99 · **aeroweb99**, Ima Dum Dum Home page Private message E-mail

I moved your news div before the logo image and it fixed it.

<div class="wrapper">
<div class="header">
<div class="logo">

<div class="news">
Current news - Governist is in devolopment! w00t!
We will win over the gaming world... Holiverh is awesome! W00t! </div>

<img src="images/logo.png" width="200" height="100" />

</div>

</div></div>

By the way, you should get that css for the menu in a stylesheet and out of the markup.

Unknown98 · **Unknown98**, WDF User Home page Private message E-mail

Thanks, I will update that code when I can.

And I got the menu from www.izzymenu.com, so I just uploaded the files they gave me to download.

Unknown98 · **Unknown98**, WDF User Home page Private message E-mail

Er, what?

***Wired*** · Posted **June 30 '09** at **09:25 PM**

next time if you're going to copy / paste from another forum, remove the crap their forum added to your code

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
fit image to browser window	noomski	HTML and CSS Help	2	January 21 '06 02:26 PM
Designing for maximum browser compatibility ...	Flutter	General Design Discussion	8	October 12 '05 06:23 PM
MySQL Query Browser	Wired	MySQL and MaxDB	0	February 20 '05 02:42 AM
browser check specific / center pop up window	onestepaway	Javascript, AJAX, and JSON	1	May 27 '04 03:35 PM