PHP - Desajuste de diseño al acceder en web con datos erróneos

   
Vista:

Desajuste de diseño al acceder en web con datos erróneos

Publicado por Vicente (15 intervenciones) el 11/01/2013 19:56:24
Hola Buenos días estoy haciendo una web y tengo un problema que no se si sea del html o de php.
El asunto es que al intentar acceder a una web mediante un formulario de acceso, si se ponen el usuario o el password erróneo, sale el aviso de que los datos son incorrectos y se recarga la página pero se descuadra, como si no cargara bien el css. Ya he revisado el css y pues no creo que vaya por ahí. y no veo que pueda estar pasando... si alguien me pudiese ayudar a clarificar algo le estaría muy agradecido

Puntos a considerar:
Todo el php lo está haciendo otra persona, yo no se programar.
El descuadre de la página sólo pasa en IE.
link :

http://www.sierrademontenegro.org.mx/

Saludos.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Desajuste de diseño al acceder en web con datos erróneos

Publicado por Martha (45 intervenciones) el 11/01/2013 21:56:20
No es que la página no cargue bien el css, sino que IExplorer no es "full compatible" con el standard. Por tanto, o estilizas la css de manera que la admita IExplorer o detectas el navegador que está usando el usuario y aplicas un css alternativo.
Encontrarás mucha información en Internet.
También puedes publicar tu css aquí para que podamos ayudarte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Desajuste de diseño al acceder en web con datos erróneos

Publicado por Vicente (15 intervenciones) el 11/01/2013 22:33:18
Hola, muchas gracias por tu respuesta, voy a publicar el css para ver si me puedes ayudar con la compatibilidad con IExplorer, pero se me hace raro que toda la página se cargue bien, y el error sólo aparezca cuando se intenta acceder con los datos incorrectos en el formulario. Gracias.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
@import url(http://fonts.googleapis.com/css?family=Telex);
/* CSS Document */
body {margin: 0;  padding:0; font-family: 'Telex', sans-serif; background-color:#83837d; color:#272727;  }
ul, li, a, p, img, h2 {margin:0; padding:0; list-style-type:none; text-decoration:none; border:none; }
h2 { color:#09C; }
h4 { color:#666666 }
#wrapper {width:960px; height:auto; margin: 0 auto; }
#cabecera {width:960px; height:149px; background:url(../imagenes/cabecera.jpg) }
#botonera {width:960px; height:44px; background:url(../imagenes/botonera_bg.jpg);}
#botonera ul { width:959px; height:34px; padding-left:1px; z-index: 9999; }
#botonera ul li { display:block; width:145px; height:42px;  float:left; text-align:center; background:url(../imagenes/rayita_btn.jpg) no-repeat right; }
#botonera ul li a { display:block; width:132px; height:32px; color:#FFF;  font-size:15px; padding:12px 0 0 12px;  }
#botonera ul li a:hover { background-color:#1e1e1e; color:#FFF; border-bottom: 1px solid #e1e1d7;}
#botonera ul li ul {display: none; /* De lo que hablábamos */position: absolute; /* Muy importante */} 
#botonera ul li:hover ul {display: block;}
#botonera ul li ul li {display: block;float: none;position: relative;color: #fff;  background:url(../imagenes/botonera_bg.jpg) repeat-x; border-bottom: 1px solid #e1e1d7;}
 
#botonera ul li ul.nivel3 {display: none; /* De lo que hablábamos */position: absolute; /* Muy importante */} 
#botonera ul li ul li:hover ul.nivel3 {display: block; left:145px; top:0;}
 
#botonera ul li.activo { display:block; width:132px; height:32px; background:#1e1e1e; color:#FFF;font-size:15px; padding:12px 0 0 12px; }
#botonera ul li.last { background:none; }
#middle {width:920px; height:auto; padding:20px;  overflow:hidden; background-color:#e1e1d7; }
#iz_1 { width:460px; height:auto; float:left; }
#iz_1indx{ width:440px; height:auto; float:left; }
#der_1 {width:460px; height:auto; float:left; }
#acceso_form{ margin:0 auto; width:400px; padding:20px;}
#acceso_form h1 {font-size:24px; font-weight:bold; margin-bottom:10px;}
#acceso_form label{display:block;font-weight:bold;text-align:right;width:140px;float:left;}
#acceso_form .detalle{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;}
#acceso_form input{float:left;font-size:12px;padding:4px 2px;width:200px;margin:2px 0 20px 10px;}
#acceso_form button{clear:both;margin:5px 0 0 255px;width:100px;height:31px;background:#696969;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;}
#last_news { width:460px; height:auto; padding:20px 0 10px 0; background-color:#b6b6ac; -moz-border-radius: 15px;
    -webkit-border-radius: 15px; border-radius: 15px;}
#last_news h2 { color:#FFF;  margin:0; padding:0 20px 5px 20px; border-bottom:1px dashed #FFF; margin-bottom:10px; }
.pbg { background-color:#94948b; }
#usuario_name { color:#600; }
#saldo {float:right; }
.msaldo { border: 1px solid #030; padding:5px 25px; background-color:#b6b6ac; color:#FFF; }
#menu_usuario {width:420px; height:auto; padding:0 20px; }
.menu_items { width:150px; height:auto; margin:10px 20px; float:left; }
.menu_items img { padding:10px 15px; }
.menu_items p { text-align:center; font-size:14px; color:#98bc02; text-decoration:underline;}
#last_news p { color:#FFF; font-size:14px; padding:10px 20px; }
#banner { width:960px; height:100px; background:url(../imagenes/bg_banner.jpg) repeat-x;  padding:10px 0px;  }
#footer {width:960px; height:120px; background-color:#1e1e1e; }
.legal { color:#c5c5c5; padding:20px; text-align:center; font-size:12px; }
 
#ianuncio { margin:50px 0 0 10px; }
#ianuncio li  { width:150px; height:50px; background-color:#96c017; padding:5px;  }
 
#ianuncio .he1 { font-size:24px; font-weight:600; text-align:center; border-bottom:1px solid #c2d460; }
#ianuncio .he1 a  { color:#FFF; }
#ianuncio .he2 { font-size:18px; text-align:center; }
#ianuncio .he2 a  { color:#903fea; }
#morosos { width:960px; height:103px;  position: relative; }
p.limo { margin-left:30px; color:#F60; }
/*.mor_right{ width:960px; }
.mor_left{ min-width:300px; float:right; display:block; }*/
.niv2 {
	color:#4A4A4A;
}
 
.tickercontainer {
width: 960px;
height: 35px;
margin: 5px auto 0 auto;
padding: 0;
overflow: hidden;
background-color:#FFF;
}
.tickercontainer .mask {
position: relative;
top: 10px;
width: 900px;
height: 20px;
margin: 0 auto;
overflow: hidden;
}
ul.newsticker {
position: relative;
font: 10px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #d718ee;
font: 10px ;
margin: 0 25px 0 0;
}
ul.newsticker span {
margin: 0 25px 0 0;
color: #0C0;
}
ul.newsticker span.pblank { color:#FFF; }
.niv1, niv2 { margin-bottom:2px; }
#iz_2 { width:150px; height:auto; float:left; }
#der_2 {width:720px; min-height:400px; float:left; padding:20px; }
#der_2 ol li, ul li { color:#09C; line-height:26px; }
 
/*galería comisiones*/
.img_comis { width:160px; height:147px; margin: 20px 20px 0 0; float:left; }
.foto { border: 5px solid #FFF; }
.nombre p { padding: 5px 5px 0 5px; text-align:center; font-size:14px; font-weight:bold; color:#666; }
 
 
/*fin galeria*/
 
#mail_box {width:100px; height:auto; float:left;}
.mail_item { padding:10px; }
.mail_item p { font-size:12px; color:#39C;}
#box {
	width:540px;
	height:220px;
	padding:15px;
	background:#033;
	float:right;
	font-size:15px;
	background-color:#FFF;
	color:#3F3F3F;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.menu_item2 { width:150px; height:auto; margin:10px 10px 10px 0; float:left; }
.menu_item2 img { padding:10px 15px; }
.menu_item2 p { text-align:center; font-size:14px; color:#98bc02; }
#paypal {width:100px; height:35px; height:auto; padding:20px 40px;  }
.tabla {
margin: 0 auto 0 auto;
font-size: 12px;
font-weight:bold;
color: #990000;
text-align:left;
}
.tabla  td {
padding: 8px;
background-color:#e9eed4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
.tabla  th {
padding: 8px;
background-color:#1e1e1e;
font-size: 12px;
font-weight:bold;
color: #FFF;
text-align:center;
}
 
.limpiar { clear:both; }
 
/*formulario*/
#form { }
#contentForm { display: block; width: 400px; height:240px; margin:0 auto;/*this line will center the page*/ padding: 10px; }
/* and now the form formatting itself */
#contentForm label {display: block;float: left;clear: left; width: 100px;line-height: 23px; margin-bottom: 10px;margin: 3px 0; color:#414749; font-size:15px;}
 
#contentForm input, textarea, select {display: block;float: right; padding: 2px; margin: 3px 0; border:solid 1px #CCC;
}
#contentForm textarea { min-height:200px; width: 390px; }
#contentForm input:focus, textarea:focus, select:focus {border: 1px solid #09C;}
 
#contentForm input.buttonform {cursor:pointer; border:none; width: 80px; height:auto; color:#FFF; background-color:#94c900; padding:5px 10px; margin-top:15px; font-family: 'Telex', sans-serif; font-size:16px;}
 
#contentForm input.buttonform:hover { background-color:#1e1e1e; }
 
#contentForm span.required{font-size: 13px !important;color:#F60; !important;
}
 
#contentForm.errormsg {display:block; width:90%; height: 22px; line-height: 22px; color:#F00; font-weight: bold;
  background-color: #FF9D9D;
  padding: 3px 10px 3px 40px;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}
 
#contentForm.msgSent h4 {font-size: 14px;text-align: center; color:#09C;}
/*fin formulario*/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar