?
Solved

Explorer problem

Posted on 2011-10-12
1
Medium Priority
?
216 Views
Last Modified: 2012-05-12
Hello,

Have a look at http://www.egyediszoftverek.hu/ideig/mag/index.php.htm

In FireFox everything is ok: the cells are aligned left. In Explorer however everything is on center.

I need a fast solution because the whole webpage consists of almost a hudred of similar html files that means if I need to put align="left" to every column that would mean thousands of modifications.

I would prefer a fast css based solution.
Maybe there is a problem in the existing css that causes explorer to behave like this.
My current css is:


 
body {
	
	margin: 0px 0px 0px 0px;
	
	
	}

	.justify_szoveg {

	text-align: justify;
	
		}	
	
	
form.form_szeles{
display:table;
width: 75%;
background-color: transparent; 

/*#e0ffff*/  

}

form.form_60szazalek{
display:table;
width: 60%;
background-color: transparent; 

/*#e0ffff*/  

}


/*
form.form_szeles:legend {  
margin-left: 1em;  
color: #000000;  
background-color: aqua;  
font-weight: bold;  
border: 3px solid #0000cd;   
}  
*/
fieldset {    
float: none;    
clear: none;    
/*width: 100%;   */

 
margin: 0 0 1.5em 0;    
padding: 0;    
border: 3px solid 0000cd;    
background-color: #e0ffff;    

/*background-color: #e0ffff;    */
}

fieldset_feher {    
float: none;    
clear: none;    
/*width: 100%;   */

 
margin: 0 0 1.5em 0;    
padding: 0;    
border: 3px solid 0000cd;    
background-color: white;    

/*background-color: #e0ffff;    */
}

/*
fieldset:hover {

border-color: #0ca0ff;
 background: transparent;
}
*/
legend {  
margin-left: 1em;  
color: #000000;  
background-color: aqua;  
font-weight: bold;  
font-size: 160%;
/*border: 3px solid #0000cd;   */
}  

.legend_helyetti_szoveg {

color: #000000;  
background-color: transparent;  
font-weight: bold;  
font-size: 160%;
}


.textfield_effect {



border-width: 1px;

border-style: solid;

/*we are now going to add in the shadow image that we created earlier

background-image: url(back_field.gif);

background-repeat: repeat-x;*/

/*I am going to add some text formatting of my own

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;
*/
color: black;

/*width: 200px;*/

height: 15px;
 background: #fcfce2;
 border-color: black;
}

 

/*we are now going to style how the textfield will look when we

hover over it and when we actually have it selected*/
.textarea1
{
	background: #d2f5f5;
}
 

.textfield_effect:hover {

border-color: #0874ba ;

border-width: 1px;
 background: #8ed2f9;
}

 

.textfield_effect:focus {

border-color: #00008b;

border-width: 2px;
 background: #b2edff;
}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px           */
	color: #000;
	/*background: url(../kepek/johatter.jpg) no-repeat top center ;*/

	 
 
 
 /*
 background-position:center top;
 background-image:url(../kepek/kekhatter.jpg);
 background-repeat:no-repeat   ;
 */
 /*
 background-image:url(../kepek/csikhatter.jpg);

 background-repeat:repeat   ; 
 */
 

  /* background: #008800;*/
    /* Mozilla: */
    background: -moz-linear-gradient(top center  , #1A196D, #CEEEF3,#1A196D);
    /* Chrome, Safari:*/
    /*background: -webkit-gradient(linear,
                left top, left bottom, from(#1A196D), to(#CEEEF3));
                */
                
    background:-webkit-gradient(linear, left top, left bottom, from(#1A196D), to(#CEEEF3));
         
                
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#1A196D', EndColorStr='#CEEEF3', GradientType=0); 
 



 
 /*background-size: 100%;*/

 
	text-align: center;
	padding-top: none ;
	margin-top: 0px ;
	background-attachment:fixed;
	/**/
	
	}
	

	
	#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 0;
	position: relative;
	width: 780px;
	border: 0px solid #ddd;
	/* border-top: none; */
	color: #FFF;
	}	
	
	

	.background_fejlec { 
background-image: url(../kepek/fejlec2.jpg); 
background-repeat: no-repeat;
margin-top: 0px ;
 border: 0px;
 
} 

	.background_simahatter { 
background-image: url(kekhatter.jpg); 
background-repeat: no-repeat;
margin-top: 0px ;
 border: 0px;
 
} 
	
	 .szoveg{
	font-size: 14px;
	color: #9bfeff;
	font-style: italic;
	font-weight: bold;
	/* font: normal normal; */
}


.szovegnagyobb{
	font-size: 16px;
	color: #2e5dbc;
	/* font-style: Bold; */
	font-weight: bold;
	font-family: inherit;
}
.szovegnagyobbarany{
	font-size: 16px;
	color: #b39f70;
	/* font-style: Bold; */
	font-weight: bold;
	font-family: inherit;
}


.foszoveg {
	font-size: 16px;
	/* font-style: Bold; */
	color: white;
	font-family: inherit;
	font-weight: bold;
}

.login_szoveg {
	font-size: 120%;
	font-weight: bold;
	/*  */
	color: white;
	font-family: inherit;

}
.szoveg_tablazat_teteje {
	font-size: 120%;
	font-weight: bold;
	/*  */
	color: black;
	font-family: inherit;
	
}


.H1szoveg {
	font-size: 20px;
	
	/* font-style: Bold; */
	color: black;
	font-family: inherit;
	font-weight: bold;
}	

table.kozeptabla 
{

  width="798" ; /*width="798" ;*/
  height=100%;
  border="0";
  cellpadding="1";
  cellspacing="1" ;
  align="center";
   
   

  visibility: visible;
  
 background-image: url(../kepek/kezdolap.png);	
}


table.bejelentkezes_hatter
{
background-image: url(../kepek/kezdolap.png) ;




}	

		#outer {height: 1000px; overflow: hidden; position: relative; width: 100%;}
		#outer[id] {display: table; position: static;}
		
		#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
		#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
		#inner {position: relative; top: 20%; text-align: left;} /* for explorer only */
		#inner {width: 1000px; margin-left: auto; margin-right: auto;} /* for all browsers*/
		/* optional: #inner[id] {position: static;} */
		
		
/*
		#outer {height: 800px; overflow: hidden; position: relative; width: 100%;}
		#outer[id] {display: table; position: static;}
		
		#middle {position: absolute; top: 50%; width: 100%; text-align: center;} 
		#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
		#inner {position: relative; top: -50%; text-align: left;} 
		#inner {width: 800px; margin-left: auto; margin-right: auto;} 
	
		
*/		
		
#background {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
}

.stretch {
    width:100%;
    height:100%;
}
	
	
table.altalanos_tabla1 { 
 padding: 1px; 
 border: none;
 text-align:center; 
 border-spacing: 0px;
 /*
 border: 1px solid #789DB3;
 width: 80%;
*/
 
 background-color: #b2edff;
   }
   
/*   
table.nyomtatvany_tabla1 { 
 
   border-style: double;
   border-width: thick;
   border-color:   black;
   }
  
*/       
/*   
table.altalanos_tabla1 tr:first-child td
{background: #0082ff;
}
*/

table.altalanos_tabla1 tr:nth-child(odd) {
background-color: #b2edff;
}

table.altalanos_tabla1 tr:nth-child(even) {
background-color: #E0FFFF;
/*#E0FFFF*/
}




td.focim_cella {
 background: #0000cd;
 background-image:url(../kepek/felsokeret_nagy.gif); 
 height: 200;
 text-align: center;
/* height: 200;	*/
 color: #fcfce2;
 
 	font-size: 120%;
	font-weight: bold;
	font-family: inherit;
	border: medium double aqua;
}

td.legend_cella {  
margin-left: 1em;  
color: #000000;  
background-color: aqua;  
font-weight: bold;  
border: 3px solid #0000cd;   
}  

td.duplakeret_cella {

  font-weight: bold;   
  font-size: 120%;
	border: medium double black;
}


table.csakfelsovonal_tabla1 { 
 padding: 0px; 

 border: 5px;
 border-color: #3482cd #3482cd #3482cd #3482cd;
 border-style: groove none none none;
 border-spacing: 0px;

 text-align:left; 
 width: 97%;
 
 /*
 95%
 
 width: 75%;
 border: 1px solid #789DB3;
 width: 80%;
*/
 
 background-color: #e0ffff;
   margin: 0px;
   }

table.hangsulyos_tabla1 { 
 padding: 0px; 

 border: 5px;
 border-color: #3482cd #3482cd #3482cd #3482cd;
 border-style: groove groove ridge ridge;
 border-spacing: 0px;

 text-align:left; 
 width: 97%;
 
 /*
 95%
 
 width: 75%;
 border: 1px solid #789DB3;
 width: 80%;
*/
 
 background-color: #e0ffff;
   margin: 0px;
   }


table.hangsulyos_tabla1 tr:nth-child(odd) {
background-color: #b2edff;

}

table.hangsulyos_tabla1 tr:nth-child(even) {
background-color: #E0FFFF;
/*#E0FFFF*/
}	

table.hangsulyos_tabla2 { /*szelesseg nelkul*/
 padding: 0px; 

 border: 5px;
 border-color: #3482cd #3482cd #3482cd #3482cd;
 border-style: groove groove ridge ridge;
 border-spacing: 0px;

 text-align:left; 
 
 
 background-color: #e0ffff;
   margin: 0px;
   }
   
table.hangsulyos_tabla2 tr:nth-child(odd) {
background-color: #b2edff;

}

table.hangsulyos_tabla2 tr:nth-child(even) {
background-color: #E0FFFF;
/*#E0FFFF*/
}	   
   
#alatoltes {
	margin: 0 auto;
	padding: 0px 0 0;
	position: relative;
	/*width: 100%;
	width: 61%;*/
	width:990px;
	border: none;
	/*border-top: none; color: fuchsia;*/
	
	background: white ;
	/*
	width: 1000px;
	
	background-color: black;*/
	}		
	
#alatoltes_keskeny {
	margin: 0 auto;
	padding: 0px 0 0;
	position: relative;
	/*width: 100%;
	width: 61%;*/
	width:80%;
	border: none;
	/*border-top: none; color: fuchsia;*/
	
	background: white ;
	/*
	width: 1000px;
	
	background-color: black;*/
	}		
   
	
table.logo_tabla { 
 padding: 0px; 

 border: 0px;
 border-color: #3482cd #3482cd #3482cd #3482cd;
 border-style:none;
 border-spacing: 0px;

 
 
 /*
 width: 75%;
 border: 1px solid #789DB3;
 width: 80%;
*/
 
 background-image: url(../kepek/fejlec2.jpg) ; 
 background-repeat: no-repeat;
   margin: 0px;
   }
   
.aktualis
{
display:table;	
background-color: aqua; 
width: 50%;
}   

	#dokumentum_szoveg {
	background: white;
	text-align: justify;
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 150%;
	
	}
	
	   
	#dokumentum_tartalomjegyzek {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 110%;
	line-height: 2;
	}
	
	.garamond150szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 150%;
	}			
	
	.garamond130szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 130%;
	
	}		
	
	.garamond115szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 115%;
	}		
	
	.garamond90szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 90%;
	}		
	
	.garamond80szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 90%;
	}			
	
	.garamond70szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 70%;
	}			
		
	
 .garamond200szazalek {
	background: white;	
	margin: 0 auto;
	padding: 0px 0 0;
	font-family: Garamond;
	font-size: 200%;
	}	
	

/**/

Open in new window

0
Comment
Question by:starhu
1 Comment
 
LVL 16

Accepted Solution

by:
SSupreme earned 2000 total points
ID: 36958009
Add this as reset rule
table,th,td{text-align:left;}
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
There's never been a better time to become a computer scientist. Employment growth in the field is expected to reach 22% overall by 2020, and if you want to get in on the action, it’s a good idea to think about at least minoring in computer science …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question