Hi
I have a issue with lining up with my logo. IE & Firefox can't line up straight horizontal with the logo.
I also have a random image background php code on the index page, but I can't seem to figure whether the random image script is the reason that it can't line up. I try not put it in there and it still looks the same.
Here is my index.php
<?php
session_start();
header("Cache-control: private");
include("../include/init.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="leftcolumn"></div>
<div id="contentcolumn">
<? include("header.php");?>
<?php
function getRandomFromArray($ar) {
mt_srand( (double)microtime() * 1000000 );
$num = array_rand($ar);
return $ar[$num];
}
function getImagesFromDir($path) {
$images = array();
if ( $img_dir = @opendir($path) ) {
while ( false !== ($img_file = readdir($img_dir)) ) {
// checks for gif, jpg, png
if ( preg_match("/(\.gif|\.jpg|\.png)$/", $img_file) ) {
$images[] = $img_file;
}
}
closedir($img_dir);
}
return $images;
}
$root = '';
// If images not in sub directory of current directory specify root
//$root = $_SERVER['DOCUMENT_ROOT'];
$path = 'images/';
// Obtain list of images from directory
$imgList = getImagesFromDir($root . $path);
$img = getRandomFromArray($imgList);
?>
<img src="<?php echo $path . $img ?>" alt="" />
<? include("footer.php");?>
</div>
<div id="rightcolumn"></div>
</body>
</html>
Here is my header.php
<link href="css/style.css" type="text/css" rel="stylesheet">
<style>
a img {border:none}
.clearBoth {clear: both;}
</style>
<div class="logo"><a href="index.php"><img src="image/" alt="" width="299" height="62" /></a></div>
<ul id="minitabs">
<li><a href="products.php">Products</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="publications.php">Publications</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
Here is my style.css
*{margin: 0;padding: 0;outline: none;}
html, body{ font-family:Times New Roman; font-size: 12px; background-color: #ffffff;}
ul, li, h2, p{padding:0;margin:0;list-style:none;}
a {color: #000000; text-decoration: none;outline: none;}
a:hover{text-decoration:underline;}
.clear{clear:left;}
#contentcolumn{
margin: 0 45px 0 45px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 150px; /*Width of left column*/
margin-left: -100%;
background-color: #000000;
}
#rightcolumn{
float: left;
width: 150px; /*Width of right column*/
margin-left: -150px; /*Set left marginto -(RightColumnWidth)*/
background-color: #000000;
}
.logo { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:300px; float:left;}
/* menu */
ul#minitabs{float: left; position:relative; width:450px; height:18px; left:303px; top:-95px; display: block;
font-family:Times New Roman; font-size: 14px; padding: 70px 0px 0px 0px; text-align: center;}
ul#minitabs li{display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; float:left;}
ul#minitabs a{text-decoration:none; padding: 0px 0px 0px 0px; border-bottom: 0px solid #FFF;color: #000000;}
ul#minitabs a#current{border-color: #000;}
ul#minitabs a:hover{text-decoration:underline;}
I appreciate any help or suggestions to resolve this issue! Thanks