Boas a todos!
É o seguinte, eu estou a criar um UCP para um GamerServer, e quando foi a fazer as ultimas ligações as tabelas de mysql, abri num browser diferente o UCP e a estrutura da pagina estava toda desalinhada. Se abrir com o navegador Mozzila a estrutura da pagina aparece Direita como queria, em todos os outros não! Alguem me pode ajudar? Aguardo Resposta...
Aqui deixo o meu CSS:
Código :
É o seguinte, eu estou a criar um UCP para um GamerServer, e quando foi a fazer as ultimas ligações as tabelas de mysql, abri num browser diferente o UCP e a estrutura da pagina estava toda desalinhada. Se abrir com o navegador Mozzila a estrutura da pagina aparece Direita como queria, em todos os outros não! Alguem me pode ajudar? Aguardo Resposta...
Aqui deixo o meu CSS:
Código :
* {
margin:0;
padding:0;
}
body {
background: url(../img/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Arial", Times, serif;
}
.menu {
width: 70%;
height: 50px;
margin-left: auto;
margin-right: auto;
background-color: #F0F0F0;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
margin-top: 4%;
}
.info{
float: left;
width: 15%;
overflow: hidden;
margin-top: 1%;
margin-left: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 12px;
}
.novidades{
background-color: #F0F0F0;
float: right;
width: 52%;
overflow: hidden;
padding: 6px 0 0 15px;
margin-top: 1%;
margin-right: 15.8%;
padding-bottom: 10px;
border-radius: 3px ;
/*box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
}
.footer {
/*background-color: #F0F0F0;*/
width: 69%;
height: 40px;
overflow: hidden;
margin-left: 16%;
margin-top: 30%;
/*border-radius: 6px;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
}
.menu .menu-lista{
list-style: none;
}
.menu a{
color: black;
text-decoration: none;
display: block;
cursor: pointer;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.menu > .menu-lista > li{
float: left;
position: relative;
}
.menu > .menu-lista > li > a {
padding: 20px;
margin: 0 5%;
}
.menu > .menu-lista > li:hover a{
background: #B53900;
color: white;
height: 10px;
font-weight: bold;
}
.avatar{
width:20%;
height: 32%;
margin-top: 5%;
margin-left: 35%;
}
#creditos{
float: left;
font-weight: bold;
font-size: 12px;
margin-top: 10px;
padding: 0 0 0 300px;
}
#informacao{
font-weight: bold;
margin-left: 5%;
}
#ts{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 5%;
margin-left: 4%;
}
#ts:hover{
background: #FF5000;
cursor: pointer;
}
#sv{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 4%;
margin-left: 11%;
}
#sv:hover{
background: #FF5000;
cursor: pointer;
}
#imagens{
width: 14px;
}
#avatar{
margin-left: 4%;
}
/*Sidebar Faction*/
.faction{
background-color: #F0F0F0;
float: left;
width: 15%;
overflow: hidden;
margin-top: 1%;
margin-left: 0.9%;
padding-bottom: 10px;
border-radius: 6px ;
/*box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
font-size: 13px;
}
#titulofaction{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#emprego{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
}
/*=============================*/
/*Sidebar Hobbie*/
.hobbie{
background-color: #F0F0F0;
float: left;
width: 15%;
overflow: hidden;
margin-top: 1%;
margin-left: 1%;
padding-bottom: 10px;
border-radius: 6px ;
/*box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
font-size: 13px;
}
#titulohobbie{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#hobbie{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
}
/*=============================*/
/*INFO Carros*/
.carros{
float: right;
width: 54%;
overflow: hidden;
margin-top: 1%;
margin-right: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 13px;
}
#titulo1{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
margin-left: -6%;
}
#carrosinfo>img{
margin-left: 5%;
margin-top: 4%;
width: 150px;
float: left;
padding: 10px 10px 0 30px;
}
#carrosinfo>a{
font-weight: bold;
font-size: 12px;
padding: 10px 0 10px 38px;
}
/*=============================*/
/*INFO Casas*/
.casas{
float: right;
width: 54%;
overflow: hidden;
margin-top: 1%;
margin-right: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 13px;
}
#titulo1{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 290px;
}
#casasinfo>img{
margin-left: 5%;
margin-top: 4%;
width: 150px;
float: left;
padding: 10px 10px 0 90px;
}
#casasinfo>a{
font-weight: bold;
font-size: 12px;
padding: 10px 0 10px 100px;
}
/*=============================*/
/*INFO Loja*/
.loja{
float: right;
width: 54%;
overflow: hidden;
margin-top: 1%;
margin-right: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 13px;
}
#titulo1{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 290px;
}
#lojainfo>img{
margin-left: 5%;
margin-top: 4%;
width: 150px;
float: left;
padding: 10px 10px 0 90px;
}
#lojainfo>a{
font-weight: bold;
font-size: 12px;
padding: 10px 0 10px 100px;
}
/*=============================*/
/*Associar*/
.associar{
background-color: #F0F0F0;
float: left;
width: 20%;
overflow: hidden;
margin-top: 1%;
margin-left: 1%;
padding-bottom: 10px;
border-radius: 6px ;
font-size: 13px;
}
#tituloassociar{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#associar{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
padding: 4px 0 0 0;
}
.textbox1{
border: 2px solid black;
width: 94%;
height: 30px;
border-radius: 2px;
font-weight: bold;
}
.textbox1:hover{
box-shadow: 0px 0px 1em red;
-webkit-box-shadow: 0px 0px 1em red;
-moz-box-shadow: 0px 0px 1em red;
}
#botaoassociar{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 5%;
margin-left: 4%;
width: 86%;
}
#botaoassociar:hover{
background: #FF5000;
cursor: pointer;
}
/*=============================*/
/*Mudar PW*/
.mudarpw{
background-color: #F0F0F0;
float: left;
width: 20%;
overflow: hidden;
margin-top: 1%;
margin-left: 1%;
padding-bottom: 10px;
border-radius: 6px ;
font-size: 13px;
}
#titulomudarpw{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#mudarpw{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
padding: 4px 0 0 0;
}
.textbox2{
border: 2px solid black;
width: 94%;
height: 30px;
border-radius: 2px;
font-weight: bold;
}
.textbox2:hover{
box-shadow: 0px 0px 1em red;
-webkit-box-shadow: 0px 0px 1em red;
-moz-box-shadow: 0px 0px 1em red;
}
#botaomudarpw{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 5%;
margin-left: 4%;
width: 86%;
}
#botaomudarpw:hover{
background: #FF5000;
cursor: pointer;
}
/*=============================*/
margin:0;
padding:0;
}
body {
background: url(../img/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Arial", Times, serif;
}
.menu {
width: 70%;
height: 50px;
margin-left: auto;
margin-right: auto;
background-color: #F0F0F0;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
margin-top: 4%;
}
.info{
float: left;
width: 15%;
overflow: hidden;
margin-top: 1%;
margin-left: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 12px;
}
.novidades{
background-color: #F0F0F0;
float: right;
width: 52%;
overflow: hidden;
padding: 6px 0 0 15px;
margin-top: 1%;
margin-right: 15.8%;
padding-bottom: 10px;
border-radius: 3px ;
/*box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
}
.footer {
/*background-color: #F0F0F0;*/
width: 69%;
height: 40px;
overflow: hidden;
margin-left: 16%;
margin-top: 30%;
/*border-radius: 6px;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
}
.menu .menu-lista{
list-style: none;
}
.menu a{
color: black;
text-decoration: none;
display: block;
cursor: pointer;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.menu > .menu-lista > li{
float: left;
position: relative;
}
.menu > .menu-lista > li > a {
padding: 20px;
margin: 0 5%;
}
.menu > .menu-lista > li:hover a{
background: #B53900;
color: white;
height: 10px;
font-weight: bold;
}
.avatar{
width:20%;
height: 32%;
margin-top: 5%;
margin-left: 35%;
}
#creditos{
float: left;
font-weight: bold;
font-size: 12px;
margin-top: 10px;
padding: 0 0 0 300px;
}
#informacao{
font-weight: bold;
margin-left: 5%;
}
#ts{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 5%;
margin-left: 4%;
}
#ts:hover{
background: #FF5000;
cursor: pointer;
}
#sv{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 4%;
margin-left: 11%;
}
#sv:hover{
background: #FF5000;
cursor: pointer;
}
#imagens{
width: 14px;
}
#avatar{
margin-left: 4%;
}
/*Sidebar Faction*/
.faction{
background-color: #F0F0F0;
float: left;
width: 15%;
overflow: hidden;
margin-top: 1%;
margin-left: 0.9%;
padding-bottom: 10px;
border-radius: 6px ;
/*box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
font-size: 13px;
}
#titulofaction{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#emprego{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
}
/*=============================*/
/*Sidebar Hobbie*/
.hobbie{
background-color: #F0F0F0;
float: left;
width: 15%;
overflow: hidden;
margin-top: 1%;
margin-left: 1%;
padding-bottom: 10px;
border-radius: 6px ;
/*box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;*/
font-size: 13px;
}
#titulohobbie{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#hobbie{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
}
/*=============================*/
/*INFO Carros*/
.carros{
float: right;
width: 54%;
overflow: hidden;
margin-top: 1%;
margin-right: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 13px;
}
#titulo1{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
margin-left: -6%;
}
#carrosinfo>img{
margin-left: 5%;
margin-top: 4%;
width: 150px;
float: left;
padding: 10px 10px 0 30px;
}
#carrosinfo>a{
font-weight: bold;
font-size: 12px;
padding: 10px 0 10px 38px;
}
/*=============================*/
/*INFO Casas*/
.casas{
float: right;
width: 54%;
overflow: hidden;
margin-top: 1%;
margin-right: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 13px;
}
#titulo1{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 290px;
}
#casasinfo>img{
margin-left: 5%;
margin-top: 4%;
width: 150px;
float: left;
padding: 10px 10px 0 90px;
}
#casasinfo>a{
font-weight: bold;
font-size: 12px;
padding: 10px 0 10px 100px;
}
/*=============================*/
/*INFO Loja*/
.loja{
float: right;
width: 54%;
overflow: hidden;
margin-top: 1%;
margin-right: 15%;
padding-bottom: 10px;
border-radius: 6px ;
box-shadow: 0px 0px 1em #000;
-webkit-box-shadow: 0px 0px 1em #000;
-moz-box-shadow: 0px 0px 1em #000;
background-color: #F0F0F0;
font-size: 13px;
}
#titulo1{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 290px;
}
#lojainfo>img{
margin-left: 5%;
margin-top: 4%;
width: 150px;
float: left;
padding: 10px 10px 0 90px;
}
#lojainfo>a{
font-weight: bold;
font-size: 12px;
padding: 10px 0 10px 100px;
}
/*=============================*/
/*Associar*/
.associar{
background-color: #F0F0F0;
float: left;
width: 20%;
overflow: hidden;
margin-top: 1%;
margin-left: 1%;
padding-bottom: 10px;
border-radius: 6px ;
font-size: 13px;
}
#tituloassociar{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#associar{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
padding: 4px 0 0 0;
}
.textbox1{
border: 2px solid black;
width: 94%;
height: 30px;
border-radius: 2px;
font-weight: bold;
}
.textbox1:hover{
box-shadow: 0px 0px 1em red;
-webkit-box-shadow: 0px 0px 1em red;
-moz-box-shadow: 0px 0px 1em red;
}
#botaoassociar{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 5%;
margin-left: 4%;
width: 86%;
}
#botaoassociar:hover{
background: #FF5000;
cursor: pointer;
}
/*=============================*/
/*Mudar PW*/
.mudarpw{
background-color: #F0F0F0;
float: left;
width: 20%;
overflow: hidden;
margin-top: 1%;
margin-left: 1%;
padding-bottom: 10px;
border-radius: 6px ;
font-size: 13px;
}
#titulomudarpw{
font-weight: bold;
font-size: 16px;
background: #B53900;
color: white;
padding: 10px 0 10px 56px;
}
#mudarpw{
font-weight: bold;
font-size: 14px;
margin-left: 5%;
margin-top: 4%;
padding: 4px 0 0 0;
}
.textbox2{
border: 2px solid black;
width: 94%;
height: 30px;
border-radius: 2px;
font-weight: bold;
}
.textbox2:hover{
box-shadow: 0px 0px 1em red;
-webkit-box-shadow: 0px 0px 1em red;
-moz-box-shadow: 0px 0px 1em red;
}
#botaomudarpw{
border: 0;
color: white;
font-weight: bold;
background: #B53900;
padding: 10px;
border-radius: 2px;
margin-top: 5%;
margin-left: 4%;
width: 86%;
}
#botaomudarpw:hover{
background: #FF5000;
cursor: pointer;
}
/*=============================*/