Hey I'm new here but think the site is really great and appreciate you guys taking time to help people.
I have a really weird problem in that im using dreamweaver cs3 and the website looks fine, adn the code validates, but when I look at the website the dive #wrap doesn't seem to work and the text and images are all the way to the left. And the most confusing part is that sometimes it will look fine in the browser, but most of the time it wnt, sooo confused.
Heres teh code
#Container {
width: 1024px;
background-image: url(images/tbl_BG.gif);
background-repeat: no-repeat;
}
#Wrap {
width: 800px;
margin-left: 125px;
position: relative;
}
.HeaderImage1 {
margin-left: 695px;
}
#NavBar {
margin-left: 15px;
position: absolute;
z-index: 1000;
top: 62px;
right: 15px;
}
#Top {
position: relative;
z-index: 0;
}
.LogoRight {
position: absolute;
top: 50px;
right: 50px;
}
.LogoRight2 {
position: absolute;
left: 0px;
top: 50px;
}
.LogoRight3 {
position: absolute;
right: 175px;
}
#Title {
font-family: Arial, Helvetica, sans-serif;
margin-right: 50px;
margin-top: 30px;
margin-left: 0px;
color: #000000;
}
#Title h1 {
font-size: 18px;
color: #003366;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
#Programs {
background-image: url(images/mainbg.gif);
background-repeat: no-repeat;
clear: both;
padding-top: 50px;
}
#Programs h1 {
font-size: 14px;
color: #003366;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.ProgramsA {
width: 375px;
float: left;
margin-left: 0px;
height: 200px;
}
.ProgramsB {
float: right;
width: 375px;
height: 200px;
}
.ProgramsA_bottom {
width: 375px;
float: left;
clear: both;
margin-left: 250px;
}
[code][/code]
.ProgramsAphoto{
float: left;
padding-right: 10px;
}
.ReadMore {
margin-left: 100px;
margin-top: 40px;
}
.ReadMore_2 {
margin-left: 100px;
}
.ReadMore_3 {
margin-left: 100px;
margin-top: 93px;
}
#Footer {
background-image: url(images/Footer.jpg);
background-repeat: no-repeat;
margin-left: 125px;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
clear: both;
}
.Footer {
padding-left: 5px;
padding-right: 5px;
}
