Help Please - Page 2 - Overclock.net

P£P§! · 06-12-08

looks the same to me

Semper Fidelis · 06-12-08

I should have been more detailed, my bad... I was just in a rush to try to finish this thing.

The problem is with Firefox, not IE. In Firefox, it screws up something with the alignment.

In IE7, It looks like this:

In Firefox, It looks like this:

Kip69 · 06-12-08

Yup. It duz look better in IE. Whats wrong with the world!

h33b · 06-12-08

What does your code look like on the website? It seems like an alignment issue to me. If you are using fixed widths (width=150), try switching to adaptive width (align="10%"). IE and FF may interpret these differently. Or are you using a WYSIWYG editor? That usually causes many problems in making things look exactly the way you want in every browser.

Semper Fidelis · 06-12-08

Yeah, right now everything is fixed with. But I dont think there is any way that I can use the adaptive with, there would just be too much math involved in calculating the exact percentages.

The only thing I am using to edit the code is notepad.

As far as the actual code goes, here is the structure.

index.php

PHP Code:


			
<head>

<title>ZEM Events | Simple Sophisticated Solutions | 571.379.8888 |</title>

</head>

<?php





    include_once('header.php');



    



    



    switch($_GET['id'])



    {

     default:            



        include_once('pages/home.php');



        break;





        case 'news':



            include_once('pages/news.php');



        break;

        

        

        case 'contact':



            include_once('pages/contact.php');



        break;

    }



  



    include_once('footer.php');    



?>

header.php

PHP Code:


			
<html>

<head>

<title>Untitled-1</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="styles/style.css" rel="stylesheet" type="text/css">

</head>

<body bgcolor="#6D6D6D" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>

<table id="Table_01" width="800" height="749" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="4"><img src="images/index_01.gif" width="800" height="34" alt=""></td>

</tr>

<tr>

<td rowspan="5" background="images/leftside.gif" width="54"></td>

<td colspan="2"><img src="images/header.jpg" width="677" height="125" alt=""></td>

<td rowspan="5" background="images/rightside.gif" width="69"></td>

</tr>

<tr>

<td colspan="2"><img src="images/index_05.gif" width="677" height="1" alt=""></td>

</tr>

<tr>

<td colspan="2" width="677" height="21" background="images/index_06.gif" class="navigation">

<? include("navigation.php") ?>

</td>

</tr>

<tr>

<td colspan="2"><img src="images/index_07.gif" width="677" height="2" alt=""></td>

</tr>

<tr>

<td width="219" background="images/leftsidespacer.gif" valign="top">

<? include("left.php") ?>

</td>

<td width="458" height="530" bgcolor="#FFFFFF" valign="top">

footer.php

PHP Code:


			
</td>



</tr>



<tr>



<td colspan="4">



<img src="images/index_10.gif" width="800" height="36" alt="">



</td>



</tr>



</table>



</center>



</body>



</html>

navigation.php

PHP Code:


			
&nbsp; <a href="index.php?id=home">Home</a> &nbsp;

|

&nbsp; <a href="index.php?id=news">News</a> &nbsp;

|

&nbsp; <a href="#">Link3</a> &nbsp;

|

&nbsp; <a href="#">Link4</a> &nbsp;

|

&nbsp; <a href="index.php?id=contact">Contact</a>

left.php

PHP Code:


			
<head>

<link href="styles/style.css" rel="stylesheet" type="text/css">

</head>



  <table width="100%" cellspacing="0px" cellpadding="0px">



  <tr>



  <td class="top_menu">



What should we put here?



</td>



  </tr>

  </table>

style.css

Code:

select {font-size: 10px;}

a:link     {color: #117CE1;  text-decoration: none;  padding: 4px; font-weight: bold;}
a:visited  {color: #117CE1; text-decoration: none;  padding: 4px; font-weight: bold;}
a:active   {color: #0C5396;  text-decoration: none;  padding: 4px; font-weight: bold;} 
a:hover   {color: #7AB3E8;  text-decoration: none; padding: 4px; font-weight: bold;}

body {font-family: verdana;}

.top {color: #000000; font-size: 11px; padding: 4px;}

.navigation {color: #FFFFFF; font-size: 11px; padding: 4px;}

.top_menu {height: 23px; color: #000000; font-size: 11px; padding: 5px;}

.mid_menu {color: #000000; font-size: 11px; padding: 10px;}

.top_news {height: 23px; color: #000000; font-size: 10px; text-align: center;}

.mid_news{color: #000000; font-size: 11px; padding: 5px;}

.h1 {
	color: #0C5396;
	font-size:12px;
	}

.h2 {
	color: #4487C6;
	font-size:12px;
	text-indent:10px;
	text-align:left;
	}

.h3 {
	color:#0C5396;
	font-size:10px;
	text-align:left
	}
.pb {
	font-size: 10px;
	color: #0C5396;
	text-indent:10px;
	text-align:right;
}

There is also home.php, contact.php, and news.php, but none of that contains any of the layout, it is just text, so that should have no impact on the layout.

kyotejones · 06-13-08

There are 4 header tags all over this page. should probably sort out the structure of the html before trying to worry about alignment.

kyotejones · 06-13-08

Its these two parts of the table causing it.

Code:

    <tr>
      <td colspan="4" ><img src="http://www.overclock.net/images/index_01.gif" width="800" height="34" alt=""></td>
    </tr>

AND

Code:

    <tr>
      <td colspan="4"><img src="http://www.overclock.net/images/index_10.gif" width="800" height="36" alt=""> </td>
    </tr>

Semper Fidelis · 06-14-08

Thanks man, I just changed the width to 100% instead of 800, and it fixed it.

As for the header tags, I am new to PHP and I thought you need those there to show the CSS styles for that page, but I will take them out and see if it works without.

		Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
Help Please

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)