Whats happening with the text here? help

hargi

hargi

hargi

Associate
Joined
19 Jul 2006
Posts
1,847
Can someone help with this, all the things in the art pages are acting weird.
http://www.tincanart.co.uk/Art.html
if you can look through all the pages in the art section
It seams to work ok in firefox, but in IE6 it plays up.

Like when I load up the page the headding is missing and the text to the right of the picture. then if i scroll up and down it may apper or sometimes it dissapears??

In the CSS for the art pages theres is 3 div tags for the pictures gallery is for square pictures galleryr is for 400x300 pics and galleryt is for 200x300 pics.

Thanks in advance

Code: 
body  {
	color: #000;
	font: 0.9em verdana, arial, sans-serif;
	background: #000000 url("stripe.png") repeat;
	text-align: center;
	min-width: 800px;
		}
/* container is the box for the middle all div tags should be nested in here */
#container {
	width: 800px;
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	background-color: #000;
	}


/*logo creates the div tag for the logo to fit in */
#logo {
	float: left;
	width: 160px;
	height: 170px;
	background-color: #000;
	}
	
	
/*logospace creates the div for the black space on the right of the logo just to fil the row */ 
#logospace{
	float: right;
	width: 640px;
	height: 170px;
	background-color: #000000;
	}

/*navbar */
#navbar{
	width: 800px;
	}

#nav ul{
	list-style-type: none;
	}
/*sets the attributes for the navbar*/
#navbar ul li{
	float: left;
	width: 160px;
	height: 50px;
	display: inline;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	background-image: url(bg1.png);
	color: #000;
	font-family: forte, verdana, arial, sans-serif;
	font-size: 20px;
	line-height:50px;}
/*makes the navbar work properly keep in*/
ul	{
	padding: 0;
	margin: 0;
	}
/*navbar link needs to be similar to navbar*/
#navbar ul li a{
	float: left;
	width: 160px;
	height: 50px;
	display: inline;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	background-image:url(bg1.png);
	color: #fff;
	font-family: forte, verdana, arial, sans-serif;
	font-size: 20px;
	line-height:50px;}
/*navbar hover needs to be similar to link*/	
#navbar ul li a:hover{
	float: left;
	width: 160px;
	height: 50px;
	display: inline;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	background-image:url(bg2.png);
	color: #000;
	font-family: forte, verdana, arial, sans-serif;
	font-size: 20px;
	line-height:50px;}
	
/*main content. clear gets rid of floating eliments.*/
#content{
	clear: both;
	height: auto;
	background-color: #000;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	padding-top:10px;
	padding-right:10px;
	}
/*class for images on homepage div*/
div.thumbnail
{
float:left;
/*margin: 10px;*/
width: 320px;
}

/* sets the properties for the images on home page*/
div.thumbnail img
{ 
margin-top:10px;
margin: 10px;
}

/*class for images on homepage div*/
div.gallery
{
float:left;
/*margin: 10px;*/
width:780px;
}

/* sets the properties for the images on art page*/
/* Square images*/
div.gallery img
{ 
float:left;
margin-top:10px;
margin: 10px;
width:300px;
height:300px;
}
/* rectangle images*/
div.galleryr img
{ 
float:left;
margin-top:10px;
margin: 10px;
width:400px;
height:300px;
}
/* tall images*/
div.galleryt img
{ 
float:left;
margin-top:10px;
margin: 10px;
width:200px;
height:300px;
}


div.gallery p 
{
margin: 0;
padding: 10px;
Padding-top: 50px;
}
 div.galleryt p 
{
margin: 0;
padding: 10px;
Padding-top: 50px;
}

div.galleryr p 
{
margin: 0;
padding: 10px;
Padding-top: 50px;
}
.clear{
clear:left;
}

#content a {
	color: #46e0f1; 
	text-decoration: underline;
	text-align: right;
	}
#content a:visited {
	color: #46e0f1; 
	text-decoration: underline;
	text-align: right;
	}
#content a:hover {
	color: #46e0f1; 
	background-color: #fe4144;
	text-align: right;
	}
/*footer*/
#footer {
	  clear: both; 
	  width: 800px;
	  color: #888; 
	  text-align: right;
	}

#footer a {
	color: #46e0f1; 
	text-decoration: underline;
	}
#footer a:visited {
	color: #46e0f1; 
	text-decoration: underline;
	}
#footer a:hover {
	color: #46e0f1; 
	background-color: #fe4144;
	}
 
Odd i get things like this happening
what.jpg
theres text missing where i have put the red box. sometimes it even cuts through half the line so you see the tops of the letters and not the bottom
 
What's your IE6 install? Is it a virtual machine, MultipleIE, IETester, native install etc.? If you're using a non-vm or non-native version, that might be your answer.
 
You must log in or register to reply here.
Back
Top Bottom