|
Re: firefox, netscape, & IE9 browser trouble!
- Code: Select all
td,th {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
a:link {
color: #0000FF;
}
a:visited {
color: #660000;
}
a:hover {
color: #FF0000;
}
a:active {
color: #ECE9D8;
}
large {
font-size: 100%;
}
div#left {
width: 226px;
margin-top: -37px;
margin-right: auto;
margin-bottom: 0;
margin-left: 20px;
border-top-style: none;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
float: left;
border-top-width: thick;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
border-top-color: #FFD5D6;
border-right-color: #FFD5D6;
border-bottom-color: #FFD5D6;
border-left-color: #FFD5D6;
height: 548px;
background-color: #999999;
}
div#ArtistNav {
float: none;
height: auto;
width: auto;
margin-left: 20px;
}
div#TouristThumb {
float: right;
margin-right: 60px;
margin-left: auto;
height: 52px;
width: 52px;
}
div#InterconnectionThumb {
float: right;
margin-right: 60px;
}
div#CloseupThumb {
float: right;
margin-right: 60px;
}
div#BlueThumb {
float: right;
margin-right: 60px;
width: auto;
}
div#content {
height: auto;
width: auto;
float: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 12px;
border-top-width: thick;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
border-bottom-style: double;
border-top-color: #FFCCCC;
border-right-color: #FFCCCC;
border-bottom-color: #FFCCCC;
border-left-color: #FFCCCC;
margin-right: 30px;
text-align: justify;
}
div#brit {
float: none;
height: auto;
width: 184px;
}
div#Britlogo {
float: none;
margin-left: 20px;
margin-top: 50px;
}
div#GroupPicture {
float: right;
margin: -500px;
}
div#AlbumThumbs {
float: right;
height: 130px;
width: 490px;
margin-left: 15px;
border: thin double #333132;
margin-bottom: 0px;
margin-top: -135px;
background-color: #176846;
margin-right: 30px;
}
div#tourtxt {
width: auto;
float: right;
margin-right: 65px;
margin-top: -30px;
}
div#Interconnection {
width: 90px;
float: right;
margin-right: 47px;
margin-top: -30px;
}
div#closeup {
width: auto;
float: right;
margin-right: 40px;
margin-top: -30px;
}
div#blue {
width: auto;
float: right;
margin-right: 72px;
margin-top: -30px;
}
div#logo {
background-image: url(../../Pictures/Optimised/WEB-top-banner.jpg);
height: 150px;
width: 800px;
background-position: center center;
background-repeat: no-repeat;
}
div#bigcontainer {
height: 900px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../../Pictures/Optimised/New%20Back%20box%27s/WEB-Backbox-800x600.jpg);
background-position: center 202px;
background-repeat: no-repeat;
}
div#topleft {
border-top-width: thick;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
border-bottom-style: double;
border-top-color: #FFCCCC;
border-right-color: #FFCCCC;
border-bottom-color: #FFCCCC;
border-left-color: #FFCCCC;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
div#top {
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-bottom-style: double;
border-top-color: #FFCCCC;
border-right-color: #FFCCCC;
border-bottom-color: #FFCCCC;
border-left-color: #FFCCCC;
}
div#Navbar {
margin-right: auto;
margin-left: auto;
margin-top: -65.5px;
background-position: center center;
}
div#NavBack {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 57px;
width: 800px;
}
div#groupPicture {
float: left;
height: auto;
width: auto;
margin-left: 12px;
margin-right: 10px;
margin-top: -40px;
}
div#PaulPicture {
float: left;
height: auto;
width: auto;
margin-left: 10px;
margin-right: 10px;
}
div#title {
height: auto;
width: 340px;
margin-right: 23px;
margin-bottom: 0px;
margin-left: 0px;
float: right;
margin-top: -40px;
text-decoration: underline;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: double;
border-top-color: #FFCCCC;
border-right-color: #FFCCCC;
border-bottom-color: #FFCCCC;
border-left-color: #FFCCCC;
text-align: right;
}
div#contentTXT {
height: auto;
width: auto;
clear: none;
margin-right: 30px;
border-top-width: thick;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
border-bottom-style: none;
border-top-color: #FFCCCC;
border-right-color: #FFCCCC;
border-bottom-color: #FFCCCC;
border-left-color: #FFCCCC;
float: none;
margin-top: -40px;
text-align: justify;
text-indent: 0px;
margin-left: 270px;
}
div#div {
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-bottom-style: double;
border-top-color: #FFCCCC;
border-right-color: #FFCCCC;
border-bottom-color: #FFCCCC;
border-left-color: #FFCCCC;
}
#table {
float: none;
margin-right: 100px;
margin-left: 100px;
width: auto;
}
heres my CSS code. cheers for this. the problem is with the main bulk of text called div#content, it appears at the bottom of the screen.
cheers for this
Last edited by karinne; Apr 25th, 2007 at 22:08.
Reason: Reason: Please use [code]...[/code] tags when displaying code!
|