Is there a way you can make a webpage compatible for all browsers like firefox, exporer, safari, mozila, navigator, bonecho etc.

If so how. I run on exporer my other computer runs on linux they show up completely diffrent can i fix that??!!

Yes, it's possible - yes you can fix it.
I suggest you read the stickies on web standards and CSS

CSS seems to be one of the bigger issues.

Firefox reads it how it is, IE reads it the way it wants to read it: pretty much the way I see it.

That's just not correct. All browsers READ the CSS, it's the rendering of it IN THE BROWSER, particularly IE, that is the problem.

here is my css sheet, what is wrong with it....im new at this web page design stuff just kinda teaching myself in it help is much appriated

I put it in text format so it wont bunch up all the words

I'll try to check your attached file later (my apologies, my computer download speed is horrible), but your quesiton is a most definitely yes. You will want to use percents instead of constants, which is a common problem. Granted this will take some time, but for maximum compatibility, always remember to use percents while "programming" a website.

Hope that helps,
Matt

what is a constant

He means use percentages for widths and not px - which is fixed-width and 'constant'. However, using percentages isn't necessarily the answer either. Percentages will give you an 'elastic' type of site, which may not ultimately be what you want.

Im shur i did i wrong i tryied that and it was all messed up

* [
padding: 0;
margin: 0;
]
body [
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
background-image:url(bg-tile.gif);
background-repeat:repeat;
]
#wrapper [
width: 782px;
margin: 0 auto;
]
#border [
border: 1px solid #8ECE5F;
margin: 20px 0px 5px 0px;
background-color: #fffffe;
min-height: 776px;

width: 782px;
]
* html #border [height:776px]
#header [
margin: 6px 5px 3px 5px;
background-image:url(header.jpg);
background-repeat:no-repeat;
height:140px;
]
#headertext
[
width:220px;
height:20px;
font-family:"Trebuchet MS";
font-size:30px;
color:#71c15c;
margin:50px 0px 0px 50px;
float:left;
clear:none;
]
#headertextsmall
[
width:250px;
height:30px;
font-family:"Trebuchet MS";
font-size:20px;
color:#008000;
padding-right:50px;
padding-top:60px;
float:right;

]
/* ------------------------ Start Navigation Bar
-----------------*/
#topmenu
[
height:46px;
width: 770px;
padding-left:0px;
background-repeat:no-repeat;
]
/*MEUNU*/
.glossymenu[
position: relative;
padding: 0 0 0 0px;
margin: 0 auto 0 auto;
background: url(menug_bg.gif) repeat-x; /*tab
background image path*/
height: 46px;
list-style: none;
]
.glossymenu li[
float:left;
]
.glossymenu li a[
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate
left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
]
.glossymenu li a b[
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu
items*/
]
.glossymenu li.current a, .glossymenu li a:hover[
color: #fff;
background: url(menug_hover_left.gif)
no-repeat; /*left tab image path*/
background-position: left;
]
.glossymenu li.current a b, .glossymenu li a:hover b[

background: url(menug_hover_right.gif)
no-repeat right top; /*right tab image path*/
]
/* ------------------------ End Navigation Bar
-----------------*/

/* ------------------------ Start Images
-----------------*/
img [
display: inline;
border: none;
]
img.block [
display: block;
]
img.float [
float: left;
margin: 0px 14px 10px 0px;
]
/* ------------------------ End Images
-----------------*/

/* ------------------------ Start Main Columns
-----------------*/
#leftcolumn [ /* Parent Wrapper for inside boxes */
margin: 6px 0px 0px 4px;
display: inline;
width: 240px;
float: left;
background-image:url(search-box.gif);
background-repeat: no-repeat;
min-height: 300px;
padding: 0;
]
* html #leftcolumn {height:300px}
.leftcolumn-inner [ /* Parent Wrapper for inside
boxes */
display: inline;
width: 220px;
float: left;
background-image:url(search-box.gif);
background-repeat: no-repeat;
min-height: 40px;
padding: 10px;
margin-bottom: 7px;
]
* html .leftcolumn-inner [height:40px]
.in-the-news [ /* Parent Wrapper for inside boxes */
display: inline;
width: 235px;
float: left;
min-height: 125px;
margin-bottom: 7px;
]
* html .in-the-news {height:125px}

#rightcolumn [
/* border: 1px solid red;*/
margin: 6px 0px 0px 0px;
display: inline;
width: 513px;
float: left;
min-height: 300px;
]
* html #rightcolumn {height:300px}
#highlightnews [
background-image:url(highlightnews.jpg);
height;
background-repeat:repeat;
text-align: left;
padding: 17px 10px 10px 13px;
display: inline;
float: left;
width: 510px;
]

#highlightnews img
[
float:left;
padding-right:10px;
]
* html .sponsor [height:80px]
.maincontent [
min-height: 80px;
display: inline;
float: left;
margin-bottom: 7px;
width: 530px;
]
* html .maincontent [height:80px]
.content-mid [
background-image:url(content-mid.gif);
background-repeat: repeat;
padding: 5px 14px 5px 14px;
]
.content-mid img
[
float:left;
margin:3px 10px 14px 0px;
]
.left-mid [
background-image:url(left-mid.gif);
background-repeat: repeat;
padding: 5px 14px 10px 14px;
]
.randompicture
[
background-image:url(left-mid.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;
]
.left-heading [
background-image:url(left-heading.gif);
background-repeat: no-repeat;
padding: 9px 14px 5px 10px;
]
.left-heading h3
[
font-size: 16px;
color: #fff;
min-height: 11px;
font-weight: bold;
]
* html .left-heading [height:11px]
/* ------------------------ End Main Columns
-----------------*/
/* ------------------------- Start Headings
---------------------*/
h1 [
font-size: 16px;
color: #72C236;
]
/* ------------------------- End Headings
---------------------*/
input [
border: 1px solid #8ECE5F;
width: 200px;
]

#footer [
font-size: 10px;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
text-align:center;
]

ul#daily-links li [
list-style: none;
margin-left: 2px;
]
ul#nav-links li [
display: inline;
margin-left: 0px;
padding-left: 12px;

]
ul#daily-links li a:link[
color: #333;
text-decoration: none;
font-weight: bold;
]
ul#daily-links li a:visited[
color: #333;
text-decoration: none;
font-weight: bold;
]
ul#daily-links li a:hover[
color: #999;
text-decoration: none;
font-weight: bold;
]


a:link [
color: #006600;
text-decoration: none;
]
a:visited [
color: #006600;
text-decoration: none;
]
.valid [
margin: 10px 0px 0px 10px;
]

This is what it was


* {
padding: 0;
margin: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
background-image:url(bg-tile.gif);
background-repeat:repeat;
}
#wrapper {
width: 782px;
margin: 0 auto;
}
#border {
border: 1px solid #8ECE5F;
margin: 20px 0px 5px 0px;
background-color: #fffffe;
min-height: 776px;

width: 782px;
}
* html #border {height:776px}
#header {
margin: 6px 5px 3px 5px;
background-image:url(header.jpg);
background-repeat:no-repeat;
height:140px;
}
#headertext
{
width:220px;
height:20px;
font-family:"Trebuchet MS";
font-size:30px;
color:#71c15c;
margin:50px 0px 0px 50px;
float:left;
clear:none;
}
#headertextsmall
{
width:250px;
height:30px;
font-family:"Trebuchet MS";
font-size:20px;
color:#008000;
padding-right:50px;
padding-top:60px;
float:right;

}
/* ------------------------ Start Navigation Bar -----------------*/
#topmenu
{
height:46px;
width: 770px;
padding-left:0px;
background-repeat:no-repeat;
}
/*MEUNU*/
.glossymenu{
position: relative;
padding: 0 0 0 0px;
margin: 0 auto 0 auto;
background: url(menug_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(menug_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{

background: url(menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* ------------------------ End Navigation Bar -----------------*/

/* ------------------------ Start Images -----------------*/
img {
display: inline;
border: none;
}
img.block {
display: block;
}
img.float {
float: left;
margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/

/* ------------------------ Start Main Columns -----------------*/
#leftcolumn { /* Parent Wrapper for inside boxes */
margin: 6px 0px 0px 4px;
display: inline;
width: 240px;
float: left;
background-image:url(search-box.gif);
background-repeat: no-repeat;
min-height: 300px;
padding: 0;
}
* html #leftcolumn {height:300px}
.leftcolumn-inner { /* Parent Wrapper for inside boxes */
display: inline;
width: 220px;
float: left;
background-image:url(search-box.gif);
background-repeat: no-repeat;
min-height: 40px;
padding: 10px;
margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px}
.in-the-news { /* Parent Wrapper for inside boxes */
display: inline;
width: 235px;
float: left;
min-height: 125px;
margin-bottom: 7px;
}
* html .in-the-news {height:125px}

#rightcolumn {
/* border: 1px solid red;*/
margin: 6px 0px 0px 0px;
display: inline;
width: 513px;
float: left;
min-height: 300px;
}
* html #rightcolumn {height:300px}
#highlightnews {
background-image:url(highlightnews.jpg);
height;
background-repeat:repeat;
text-align: left;
padding: 17px 10px 10px 13px;
display: inline;
float: left;
width: 510px;
}

#highlightnews img
{
float:left;
padding-right:10px;
}
* html .sponsor {height:80px}
.maincontent {
min-height: 80px;
display: inline;
float: left;
margin-bottom: 7px;
width: 530px;
}
* html .maincontent {height:80px}
.content-mid {
background-image:url(content-mid.gif);
background-repeat: repeat;
padding: 5px 14px 5px 14px;
}
.content-mid img
{
float:left;
margin:3px 10px 14px 0px;
}
.left-mid {
background-image:url(left-mid.gif);
background-repeat: repeat;
padding: 5px 14px 10px 14px;
}
.randompicture
{
background-image:url(left-mid.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;
}
.left-heading {
background-image:url(left-heading.gif);
background-repeat: no-repeat;
padding: 9px 14px 5px 10px;
}
.left-heading h3
{
font-size: 16px;
color: #fff;
min-height: 11px;
font-weight: bold;
}
* html .left-heading {height:11px}
/* ------------------------ End Main Columns -----------------*/
/* ------------------------- Start Headings ---------------------*/
h1 {
font-size: 16px;
color: #72C236;
}
/* ------------------------- End Headings ---------------------*/
input {
border: 1px solid #8ECE5F;
width: 200px;
}


#footer {
font-size: 10px;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
text-align:center;
}

ul#daily-links li {
list-style: none;
margin-left: 2px;
}
ul#nav-links li {
display: inline;
margin-left: 0px;
padding-left: 12px;

}
ul#daily-links li a:link{
color: #333;
text-decoration: none;
font-weight: bold;
}
ul#daily-links li a:visited{
color: #333;
text-decoration: none;
font-weight: bold;
}
ul#daily-links li a:hover{
color: #999;
text-decoration: none;
font-weight: bold;
}



a:link {
color: #006600;
text-decoration: none;
}
a:visited {
color: #006600;
text-decoration: none;
}
.valid {
margin: 10px 0px 0px 10px;
}

what do i do?

In the 'new' one you posted first, you'r brackets are all wrong. You should be using the curly braces { } to start and end your rules.

When you float left or right and add a margin also on the left or right, you will trigger the doubled-float margin bug in IE6 - read about it here: www.positioniseverything.net

IE6 does NOT support min/max height/width. You'll have to feed it a fixed height - do so using a separate css file and conditional comments (google it!).

That * html hack will cause IE7 to choke. Never put hacks in your main CSS file. See previous comment.

When you float an element, you MUST CLEAR that float:
http://css-discuss.incutio.com/?page=FloatLayouts

dont all the way understand but thank you

so......how should it be writen

jackineyerack, like the above posters suggested, read the Web Standards and CSS stickies and look for resources on such. You will have to play around with it, but you can't expect other people to do your work for you. If you have a specific problem, maybe that can be addressed.