css align table

我是新来的HTML和我有问题移动表下的页面。 http://tinypic.com/view.php?pic=eqdpjb&s=7。我尝试设置'margin-top：400';'这可以工作，但顶部的导航栏（我使用导航'向导'在Dreamweaver中创建的）也移动到页面的底部！我怎样才能解决这个问题？我想在不影响导航栏的情况下移动表格而不会影响到我！css align table

CSS

table{ 
    background: whitesmoke; 
    border-collapse: collapse; 
    margin-right: auto; 
    margin-bottom: 0; 
    margin-left: auto; 
}

来源

2011-08-25 Spike Lee

你可以张贴一些你的HTML吗？ – Nayish

如果要添加到margin-top: 400px;table和它也移动导航，那么，要么是指导航也是table或导航是table内。

如果导航也是table你将不得不放弃下表中的唯一id，然后添加到margin只id。

如果导航位于table之内，请将其放在它自己的div中。

如果没有上述内容，您将不得不发布一些HTML。

来源

2011-08-25 12:31:13 Kokos

你可以展示一个关于如何给它分配一个id的例子吗？ –

将'

'更改为'

“，然后'#content {margin-top：400px; }' – Kokos

谢谢，它工作。 –

试试这个：

table { 
background: whitesmoke; 
border-collapse: collapse; 
margin-right: auto; 
vertical-align: bottom; 
margin-left: auto; 
}

希望工程为您服务！ :)

来源

2011-08-25 12:31:49 Akos

您的问题是，您的导航定位相对于您的表，所以当您添加一个保证金也导航获得保证金。

的解决办法是负边距添加到您的导航，如下所示：

#navigationId { 
    margin-top: -400px; 
}

来源

2011-08-25 12:33:51 Nayish

从长期来看，我建议你使用IDE学习手工代码，比如NetBeans的或简单的编辑器，作为记事本++。使用Dreamweaver是非常好的，但除非你了解代码的工作方式，否则你总会遇到类似的挫折。一个很好的资源，了解HTML和CSS是W3Schools的www.w3schools.com

很好的一本书上的CSS是CSS缺失手册（O'Reilly出版）

您可能会发现在一开始这一切的速度较慢，但你最终会写出更干净更快的代码。

来源

2011-08-25 12:35:09 user466764

确保表格和导航栏位于两个单独的标签中，这两个标签都位于第三个div中。

通过在div上使用margin-top与表格，您将强制从第三个容器div的顶部向下整个div。确保摆脱表css声明中的margin-top内容。

例如，导航代码在这里。表这里

来源

2011-08-25 12:37:31

回答

相关问题