Html 如何在窗口内对齐DIV
我有一个DIV,我正试图与其他两个DIV对齐。在小提琴中,您可以看到“我们的数据中心”和“我们的其他服务”的边界,它们在960宽的框架中相互对齐(调整大小时效果很好)。然而,我不能让“每个帐户包括”与下面的其他两个部分保持一致,它跨越了960px 你能帮我把最上面的那个和另外两个对齐吗。 下面是一张live的图片,向您展示我的问题(还有一个专栏,但它打破了局面)。立柱都是网格4,所以网格4*3=12,这不应该引起问题。。 这是完整的HTML,请看小提琴上的CSSHtml 如何在窗口内对齐DIV,html,css,960.gs,Html,Css,960.gs,我有一个DIV,我正试图与其他两个DIV对齐。在小提琴中,您可以看到“我们的数据中心”和“我们的其他服务”的边界,它们在960宽的框架中相互对齐(调整大小时效果很好)。然而,我不能让“每个帐户包括”与下面的其他两个部分保持一致,它跨越了960px 你能帮我把最上面的那个和另外两个对齐吗。 下面是一张live的图片,向您展示我的问题(还有一个专栏,但它打破了局面)。立柱都是网格4,所以网格4*3=12,这不应该引起问题。。 这是完整的HTML,请看小提琴上的CSS <div id="hos
<div id="hostingservices" class="grid_12">
<div id="insidehostingservices" class="grid_12margin">
<div class="constrain">
<h1 class="bigtitle">Every Account Includes</h1>
<div class="grid_4 alpha">
<h2>Email Features</h2>
<ul>
<li>UNLIMITED 1GB eMail Inboxes</li>
<li>POP3, IMAP & SMTP Access</li>
<li>Autoresponders & Mailing Lists</li>
<li>Email Forwarding, Catch All & Spam filtering</li>
<li>Junk Mail Filters</li>
</ul>
<h2>Website Statistics</h2>
<ul>
<li>Error & Access/Referrer/Agent Logs</li>
<li>Website Statistics</li>
<li>Google Sitemaps Generator</li>
<li>Webalizer Graphical Statistics</li>
<li>AWStats Graphical Statistics</li>
<li>Advanced Graphical & Text Counters</li>
<li>Bandwidth Statistics</li>
<li>Tracewatch</li>
</ul>
<h2>Access Features</h2>
<ul>
<li>Master & Additional FTP Accounts</li>
<li>SSH Access</li>
</ul>
<h2>Databases</h2>
<ul>
<li>MySQL 5 Databases</li>
<li>MySQL Web GUI</li>
</ul>
</div> <!-- end of insideourdataservices grid9 alpha-->
<div class="grid_4">
<h2>Advanced Features</h2>
<ul>
<li>eXtend Based Control Panel</li>
<li>Sub Domains</li>
<li>Microsoft FrontPage Extensions</li>
<li>Online File Manager</li>
<li>Website Redirection</li>
<li>Website submission to Google</li>
<li>Advanced Website Password Protection</li>
<li>Scheduled Tasks</li>
<li>IP Adress Blocking</li>
</ul>
<h2>Programming</h2>
<ul>
<li>PHP 4, PHP5 with SOAP Support</li>
<li>Perl, Python, Miva, RealAudio</li>
<li>Sun ONE ASP (Chilisoft ASP)</li>
<li>Ruby, Rails, ImageMagick, Ghostscript</li>
<li>Zend Optimizer, GD</li>
</ul>
<h2>E-Commerce</h2>
<ul>
<li>Shared Secure Server Access (https)</li>
<li>osCommerce, Zen, CubeCart, Agora</li>
<li>Lots of Free Webtools inc Clipart</li>
<li>Google Adwords</li>
</ul>
</div>
<div class="grid_4 omega">
<h2>One Click Installations</h2>
<ul>
<li>Joomla 1.5</li>
<li>Wordpress Blog, Drupal</li>
<li>phpBB3 Discussion Forums</li>
<li>Elgg Social Networking System</li>
<li>CMS Made Simple, Guestbook, Geeklog</li>
<li>Nucleus Blog, Eblah Online Discussion</li>
<li>Typo3 CMS, Crafty syntax Live help</li>
<li>dot Project Management System</li>
<li>osTicket Ticeting helpdesk system</li>
<li>Form to Email with CAPTCHA</li>
<li>Custom 404 and 500 Error Pages</li>
<li>Online Auction (just like ebay!)</li>
<li>Online Photo Album</li>
<li>Web Calendar</li>
<li>Web Survey</li>
<li>Internet Countdown, Random Text Displayer</li>
<li>Random Images Displayer</li>
<li>Round Cube Webmail, MediaWiki</li>
<li> SugarCRM</li>
<li>Many Javascript Generators</li>
</ul>
</div>
<a href="http://dchost.co.uk/basket" id="button3" class="ordernow">Order Now</a>
</div>
`</div> <!-- end of insideourdataservices grid12 margin-->
</div> <!-- end of ourdataservicesimage grid3 omega-->
<div class="clear"></div> <!-- clears ourdataservices grid12-->
每个帐户包括
电子邮件功能
- 无限1GB电子邮件收件箱
- POP3、IMAP和SMTP访问
- 自动回复者和邮件列表
- 电子邮件转发、一网打尽和垃圾邮件过滤
- 垃圾邮件过滤器
网站统计
- 错误&访问/推荐/代理日志
- 网站统计
- 谷歌网站地图生成器
- Webalizer图形统计
- AWStats图形统计
- 高级图形和文本计数器
- 带宽统计
- 跟踪软件
访问功能
- 主FTP帐户和其他FTP帐户
- SSH访问
数据库
- MySQL 5数据库
- MySQL Web GUI
高级功能
- 基于扩展的控制面板
- 子域
- Microsoft FrontPage扩展
- 在线文件管理器
- 网站重定向
- 向谷歌提交网站
- 高级网站密码保护
- 计划任务
- IP地址阻塞
程序设计
- 支持SOAP的PHP4、PHP5
- Perl、Python、Miva、RealAudio
- Sun ONE ASP(Chilisoft ASP)
- Ruby、Rails、ImageMagick、Ghostscript
- Zend优化器
电子商务
- 共享安全服务器访问(https)
- 奥斯卡商业、禅宗、CubeCart、Agora
- 很多免费的Webtools公司Clipart
- 谷歌广告词
一键安装
- 约姆拉1.5
- Wordpress博客,Drupal
- phpBB3讨论论坛
- Elgg社交网络系统
- CMS制作简单、留言簿、Geeklog
- Nucleus博客,Eblah在线讨论
- Typo3 CMS,狡猾的语法Live帮助
- dot项目管理系统
- osTicket Ticeting帮助台系统
- 使用验证码发送到电子邮件的表单
- 自定义404和500错误页
- 在线拍卖(就像易趣一样!)
- 网上相册
- 网络日历
- 网络调查
- 互联网倒计时,随机文本显示器
- 随机图像显示器
- 圆形立方体Webmail、MediaWiki
- SugarCRM
- 许多Javascript生成器
`
从下面的样式中删除最小宽度
#hostingservices {
height: 800px;
/* min-width: 1500px; */
background: #F2F7FA;
border-style: solid;
border-bottom-width: thin;
border-color: #ccc;
}
有时候,我们需要的是另一双眼睛。谢谢你,这真是太棒了!我真不敢相信我没发现它,可以休息一下!(10分钟后我会接受)