PaLobo Posted July 25, 2006 at 02:29 PM Report #40170 Posted July 25, 2006 at 02:29 PM Oi pessoal. Na minha luta para aprender HTML e CSS, tenho-me deparado com alguns obstáculos que felizmente tenho conseguido ultrapassar sozinho. No entanto, não sei porque motivo é que aparece uma margem no topo da página. Segue um exemplo da página e o código.. http://img105.imageshack.us/my.php?image=screenshotep8.png <html> <head> <title>Foto 1</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="center"> <h1 class="center">This text is just to see how it looks!</h1> </div> </body> </html> body{ margin:0; background-color:gray; } #center{ padding:0; margin-left:auto; margin-right:auto; background-color:white; width:800px; height:100%; } h1.center{ text-align:center; color:gray; } p.s. Tenham em mente que ainda sou muito novato nestas andanças, portanto nada de gozar com a monha página super evoluída.. 😛😛 lol http://s4.bitefight.com.pt/c.php?uid=20666
QuickFire Posted July 25, 2006 at 02:38 PM Report #40172 Posted July 25, 2006 at 02:38 PM usa uma margin-top: 10px; e a página vai ficar com 10px de margem em relação ao topo por exemplo 😛
PaLobo Posted July 25, 2006 at 02:54 PM Author Report #40180 Posted July 25, 2006 at 02:54 PM Mas eu quero sem margem no topo... Quero três colunas de topo a baixo, em que a do meio é branca e as duas exteriores são de uma outra cor qualquer. http://s4.bitefight.com.pt/c.php?uid=20666
QuickFire Posted July 25, 2006 at 03:20 PM Report #40188 Posted July 25, 2006 at 03:20 PM Então mete margin-top:0px; deve fazer o mesmo efeito 😛
Rui Carlos Posted July 25, 2006 at 04:01 PM Report #40201 Posted July 25, 2006 at 04:01 PM o problema é do firefox, visualizei a página no Safari e no Opera e estava direito. Rui Carlos Gonçalves
PaLobo Posted July 25, 2006 at 05:40 PM Author Report #40228 Posted July 25, 2006 at 05:40 PM o problema é do firefox, visualizei a página no Safari e no Opera e estava direito. Também acho que sim. No IE também não tinha margem, embora já não estava centrado. (o IE não lida bem com o margin:auto pelo que já li.) Alguem conhece algum workaround para esta treta no Firefox.? 👍 http://s4.bitefight.com.pt/c.php?uid=20666
Solution TheDark Posted July 26, 2006 at 03:32 PM Solution Report #40431 Posted July 26, 2006 at 03:32 PM O único problema que o Firefox tem é que respeita as regras, e torna-se fácil cometer erros. Agora se isso é um problema já é outra questão... :👍 Acrescrenta ali o margin-top ao h1.center: h1.center{ text-align:center; color:gray; margin-top:0px; } e problema resolvido! Desaparecido.
Drone Posted July 26, 2006 at 04:13 PM Report #40436 Posted July 26, 2006 at 04:13 PM estas a colocar: margin:0; padding:0; xprimenta colocar margin: 0px; padding 0px;
PaLobo Posted July 26, 2006 at 04:48 PM Author Report #40440 Posted July 26, 2006 at 04:48 PM O único problema que o Firfeox tem é que respeita as regras, e torna-se fácil cometer erros. Agora se isso é um problema já é outra questão... :😄 Acrescrenta ali o margin-top ao h1.center: h1.center{ text-align:center; color:gray; margin-top:0px; } e problema resolvido! É isso mesmo!! 👍 Muito obrigado! 👍 http://s4.bitefight.com.pt/c.php?uid=20666
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now