noob needs help

squiblo · August 16, 2009

hello. this is my first time using CSS within any of my webpages and im doing it completely wrong.

1. my webpage only looks "normal" in firefox but looks completely wrong in all other browsers.

2. i am using <br> tags to seperate my background because i cant divide it any other way :shrug:

this is my page...

<?php
session_start();
?>


<SCRIPT language="JavaScript">
<!--hide

var password;

var pass1="";

password=prompt('Please enter your password to view this page!',' ');

if (password==pass1)
  alert('Password Correct! Click OK to enter!');
else
   {
    window.location="http://www.squiblo.com/index.php";
    }

//-->
</SCRIPT>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="description" content="Squiblo.com is currently under construction but is being worked on to provide business information where you can find business numbers, addresses, websites and rate your favourites." />
<meta name="keywords" content="business search, local search, search, United Kingdom search engine, business services, services, business directory, products, squiblo, squiblo.com, local info, mobile, company info, addresses, phone numbers, websites, local maps, maps, directions, driving directions, walking directions, car parks, toolbar, advertising, build your own website, web link, domain name" />
<title>Squibo.com - About!</title>

<style type="text/css">
body {
    color: white;
    background-color: #E6E6E6;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
  

}

div#content {
    width: 75%;
    height: 90%;
    background-color:#508ace;
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: thin solid #E6E6E6;
    
}




div#heading    {
font-size:72px;
font-family: Impact;
position:absolute;
top:82px;
left:180px;
}

div#options   {
color: yellow;
font-size:15px;
position:absolute;
top:145px;
left:955px;
}

.hr1   {
color: #E6E6E6;
background-color: #E6E6E6;
height: 3px;
position:relative;
top:130px;
}

div#nav   {
font-size:15px;
position:absolute;
top:173px;
left:180px;
}

div#extranav   {
font-size:15px;
position:absolute;
top:173px;
left:660px;
}

div#logout  {
font-size:15px;
position:absolute;
top:173px;
left:990px;
}




.hr2   {
color: #E6E6E6;
background-color: #E6E6E6;
height: 3px;
position:relative;
top:150px;

}

div#terms   {
position:absolute;
top:290px;
left:180px;
}






</style>
</head>
<body>
<div id="content">


<div id="heading">
<a href="/index.php" style="text-decoration:none"><font color=#FFFFFF>
<?php 
echo "SQUIBLO.COM"; 
?>
</a></font>
</div>


<div id="options">
<?php
if($_SESSION['mycompany'])
{
echo "Welcome " . ucwords(strtolower($_SESSION['mycompany']));
?>


<?php
}
else
{
echo "Sign in / Register";
}
?>                                         
</div>


<div class="hr1"><hr /></div>

<div id="nav">
<a href="/index.php" style="text-decoration:none"><font color=#FFFFFF>
<?php 
echo "Home"; 
?>
</a></font>
          
<?php 
echo "Maps"; 
?>
          
<?php 
echo "Catagories"; 
?>
          
<?php 
echo "Learn More"; 
?>
</div>



<div id="extranav">
<a href="#" style="text-decoration:none"><font color=#FFFFFF><b>
<?php
if($_SESSION['mycompany'])
{
echo "Your Page";
?>
          
<?php
{
echo "Settings";
}
?>
<?php
}
else
{
echo "";
}
?>
</a></font></b></div>









<div id="logout">
<a href="/logout.php" style="text-decoration:none"><font color=#FFFFFF>
<?php
if($_SESSION['mycompany'])
{
echo "[Log out]";
?>


<?php
}
else
{
echo "";
}
?>
</a></font></div>




<div class="hr2"><hr /></div>

<div id="terms">
<div style="overflow:auto; height:250px; width:650px">
<table border="1" cellpadding="5" cellspacing="0" style="width:640px;">
<tr>
<td>About Us About Us About Us About Us About Us About Us 
</td>
</tr>
</table>
</div>
</div>

</div>
</body>
</html>

and this is the url to the page..

http://www.squiblo.com/about.php

if you click the url the page password is just a hash "#"

jpiche · August 22, 2009

It looks like you have some functionality issues to work out first (like actually writing an application). Before you try and get the page to look the same in every browser, make sure the (X)HTML is valid (http://validator.w3.org/).

Also, when learning CSS, try and check out how other people do things. Feel free to view the source any random page (like http://jpiche.com/) or one that has something similar to what you want to accomplish.

Sign In

noob needs help

Recommended Posts

squiblo

Link to comment

Share on other sites

jpiche

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information