View Single Post
  #5 (permalink)  
Old Apr 25th, 2007, 21:26
Welsh8 Welsh8 is offline
New Member
Join Date: Apr 2007
Location: Glasgow
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
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!
Reply With Quote