ok this is totally not in the right bit but anyway...this girl said that my website had a white background and scroll when she viewed it in opera...but i downloaded opera and when i view my website with it, its perfect, why is this?? and also how can i code my website so that its ok for all browsers oh btw if you need to look ath the sources and stuff for my website the url is http://laydee-s.co.nr

how can i code my website so that its ok for all browsers
with practice and a lot of testing.
since each browser is created by a different company, each one has their own idea on how coding should be displayed or rendered.
you can usually get a lot of pages looking very much the same in different browsers, but it might take a bit of tweeking and test, test, test...

...my website had a white background...when she viewed it in opera...

I looked at it in FF and Opera and it doesn't have the white background in opera, but it does in FF.

I looked at your style sheet, and you need to take all of the <style> tags out and combine the 2 body sections so it looks like this:

body
{scrollbar-face-color: #ffe3f4;
scrollbar-shadow-color: #ffe3f4;
scrollbar-highlight-color: #ffe3f4;
scrollbar-3dlight-color: #ffe3f4;
scrollbar-darkshadow-color: #ffe3f4;
scrollbar-track-color: #c4c4c4;
scrollbar-arrow-color: #c4c4c4;
background-image: url(Images/Back.jpg);
background-repeat: repeat-y;
background-position: 0% 0%;
color: #ffe3f4; (in this line, you did spell it colour and it should always be color)
background-color: #ffe3f4;}

I looked at it in FF and Opera and it doesn't have the white background in opera, but it does in FF.

I looked at your style sheet, and you need to take all of the <style> tags out and combine the 2 body sections so it looks like this:

body
{scrollbar-face-color: #ffe3f4;
scrollbar-shadow-color: #ffe3f4;
scrollbar-highlight-color: #ffe3f4;
scrollbar-3dlight-color: #ffe3f4;
scrollbar-darkshadow-color: #ffe3f4;
scrollbar-track-color: #c4c4c4;
scrollbar-arrow-color: #c4c4c4;
background-image: url(Images/Back.jpg);
background-repeat: repeat-y;
background-position: 0% 0%;
color: #ffe3f4; (in this line, you did spell it colour and it should always be color)
background-color: #ffe3f4;}

um ive tried that is that any better ?!? if so thakyou !!!

<div style="position:absolute; left:582; top:430; width:200; cursor: crosshair>

should be

<div style="position: absolute; left: 582px; top: 430px; width: 200px; cursor: crosshair">

</br><br></br>
there is no such tag as </br> :) it's <br> or <br />

layout.css should be:


.nav {
background-color : #ffe3f4;
line-height : 12px;
text-align : center;
border : 0px;
width : 100%;
}
.bar {
font-size : 14px;
font-family : impact;
color : #ffe3f4;
background-color : #c4c4c4;
line-height : 16px;
text-align : center;
border: 2px Dotted #c4c4c4;
width : 100%;
}
.menu {
font-size : 10px;
font-family : verdana;
color : #c4c4c4;
background-color : #ffe3f4;
line-height : 12px;
text-align : justify;
border-bottom : 2px dotted #c4c4c4;
border-left : 2px dotted #c4c4c4;
border-right : 2px dotted #c4c4c4;
width : 100%;
}
b {
color : #ffe3f4;
font-weight : bold;
}
input {
color : #c4c4c4;
font-size : 10px;
font-family : verdana;
border: 1px solid #c4c4c4;
background-color : #ffe3f4;
}
textarea {
color : #cc4c4;
font-size : 10px;
font-family : verdana;
border: 1px solid #c4c4c4;
background-color : #ffe3f4;
}
BODY , P , TD , DIV , H2{
color : #c4c4c4;
font-family : verdana;
line-height : 12px;
font-size : 10px;
cursor : default;
}
A:link {
text-decoration : none;
color : #c4c4c4;
font-weight : normal;
}
A:visited {
text-decoration : none;
color : #c4c4c4;
font-weight : normal;
}
A:active {
text-decoration : none;
color : #c4c4c4;
font-weight : normal;
}
A:hover {
text-decoration : none;
color : #ffffff;
text-decoration : none;
font-weight : bold;
cursor : crosshair;
}
body
{background: #FFE3F4;
background-image: url(Images/Back.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
background-attachment: fixed;

scrollbar-face-color : #ffe3f4;
scrollbar-highlight-color : #ffe3f4;
scrollbar-3dlight-color : #ffe3f4;
scrollbar-shadow-color : #ffe3f4;
scrollbar-darkshadow-color : #ffe3f4;
scrollbar-track-color : #c4c4c4;
scrollbar-arrow-color : #c4c4c4;


margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}


Love,
Mirna

You didn't take the <style> tags out of your CSS... Only thing I notice is that you combined the body sections but you didn't do that for your splash.css... Not sure how many style sheets you use but for each one they should have NO <style> tags and if you have 2 sections with the same name, you should combine them.

EDIT: Mirna answered while I was viewing your source LOL!