PDA

Click to See Complete Forum and Search --> : Cross resolution

Not to mention
07-30-2008, 05:31 PM
so on one computer my site looks great and aligned.

other my footer is eating my left collums colon.by that i mean it was all disaligned. :) they were same browser and all.what are a few solutions to this?
eloquentBohemia
07-30-2008, 06:02 PM
If it's on the Net, link, so we can see?
Not to mention
07-30-2008, 08:47 PM
www.macheteteds.com

its gonna sell t-shirts.business belongs to my parents,i just make the site.
eloquentBohemia
07-31-2008, 01:09 AM
There is alot wrong with both sets of code. I'll highlight some, but do you have instruction books on basic HTML and CSS?
If not, you should get one on each and check out these links:
w3schools.com/css (http://www.w3schools.com/css/default.asp)
w3schools.com/html (http://www.w3schools.com/html/default.asp)

On to your code...

Your CSS:



/*on much of your code, you do not give value to your properties... amounts need to be px, % or em*/
/*negative values should be shied away from unless it is definitely needed for special positioning*/

#leftbar
{
background-color: "#707070";
width: "20%";
height: "63.1%"; /*percentages are not a good way to begin learning CSS coding*/
margin-top: "-33.95%"; /*percents should be whole numbers, pixels would be better */
margin-left: "-10";
text-align: center;
border-color:#363636;
border-style: groove; /*better to stick with solid borders as IE doesn't render odd borders well and you didnt give px size*/
position: absolute; /*at first, don't position absolutely, default on browsers is left, so start from left/top and build*/
}

#topbar
{
width: 101.1%;
height: 250px;
background-color: #8B7765;
margin-left: -10;
margin-top: -15;
position: relative;
border-style: solid;
border-color: #8B8B83;
}

#header1
{
color: #CDAD00;
font-family: san serif;
font-size: 25px;
width: 200px;
}

.mainExpand {
cursor:hand; /*two cursor properties*/
cursor:pointer;
font: bold .9em helvetica, sans-serif;
font-size: 25; /*two font properties*/
color: #C1CDCD;
}

#rightbar
{
background-color: "#707070";
width: "20%";
height: "65%";
margin-top: "0px";
margin-left: "-10";
text-align: center;
border-color:#363636;
border-style: groove;
position: relative;
right: -1537;
}

#mainbar{
height: 63.1%;
width: 61.1%;
background-color: #8B7355;
right: 379px;
position: absolute;
border-color:#363636;
border-style: groove;
margin-top: -644.95;
}

#footer{
Width: 101.1%;
height: 115px;
background-color: #2E2E2E;
position:relative;
right:10;
}


Your HTML code:


<!--first thing is: no DOCTYPE or language indicated-->
<!--it should be like this-->

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

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<!--this will tell the browser how to render the page-->

<html>

<head>
<title>Machete Ted's</title>
<link rel="stylesheet" type="text/css"
href="styles/page type 1.css">

<script type="text/javascript" src="javascripts\collapsibleText.js"></script>

<script language="JavaScript1.2" type="text/javascript" src="javascripts\nohighlight.js">
</script> <!--put aside any JavaScript until you have a good grasp of CSS and HTML-->


</head>

<body scroll="no"><!--there is no value "no"-->

<div id=topbar>
<img src="Images\Square-Logo.png" width=250>
</div>
<div id=rightbar align=right>
</div>

<div id=mainbar>
<H1>UNDER CONSTRUCTION<H1>
</div>

<div id="leftbar">
<div id=header1>
Top 10 products.
</div>
<?php include("header.php"); ?>

</div>

<div id="footer">
</div>
</body>

</html>

All in all, there doesn't seem to be a good grasp of HTML and CSS, neither does there seem to be a coherent structure to the page.
Take some time and build boxes of various dimensions and properties to see what they do in browsers.
If you are running IE, the you can do some coding in Notepad, change the file extention from .txt to .html and open with IE and you will see your results.
There is not much to do with this until some structure and proper coding are present.
Not to mention
07-31-2008, 12:04 PM
dont worry im not that novice,i was 9 when i learned html,10 when i learned javascript/css and am now 11 learnin php.

BTW no is the only value that worked for scroll.idk :confused:

the doctype seemed to be the prob so thanks!
Not to mention
08-02-2008, 03:40 PM
Oops I spoke too soon.ok so i fixed all of that.

www.macheteteds.com