HTML and CSS Help

Unknown98 · June 27 '09, 01:37 PM (#1)

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:

.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 Code:

<!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 · June 28 '09, 12:19 AM (#2)

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.