简体   繁体   English

我的内容在页面底部运行

[英]My content is running off the bottom of my page

I am updating the webstore on my site to Ecwid. 我正在将我的网站上的网上商店更新为Ecwid。 Since I used the Intuit Sitebuilder to build my site the page is a fixed size. 由于我使用Intuit Sitebuilder来构建我的网站,因此页面是固定大小的。 I added a place holder in Sitebuilder to hold the script for the Ecwid store. 我在Sitebuilder中添加了一个占位符来保存Ecwid商店的脚本。 However, some of the pages of my store run off of the bottom of the screen. 但是,我商店的一些页面在屏幕底部运行。 I have contacted both Ecwid and Sitebuilder for help with this with no luck. 我已经联系了Ecwid和Sitebuilder以获得帮助,但没有运气。

I need my store to be no longer than 1000px high and in the event one of the pages of the script is longer it will have a scrollbar to the left. 我需要我的商店不超过1000px高,如果脚本的一个页面更长,它将在左侧有一个滚动条。 Can someone please help me? 有人可以帮帮我吗?

Here is a link to see what I am talking about: Dip Wizard Hydrographic Dip Kit Store . 这是一个链接,看看我在说什么: Dip Wizard水文浸渍工具包商店

如果我理解正确你想要一个内容超过1000px的滚动条,那么我猜你应该在你的内容元素上输入你的css {overflow-y:scroll;}。

You'll need to edit both html and css of your site: 您需要编辑网站的html和css:

html: inside a div with id "element50", there's a div without an id. html:在id为“element50”的div中,有一个没有id的div。 This is the container that you're worried about. 这是你担心的容器。 You need to give this div an id, for example - 你需要给这个div一个id,例如 -

<div id="productInfo">

css: Then in your css - add these rules css:然后在你的CSS中添加这些规则

#productInfo {
  margin-top: 25px;
  max-height: 1045px;
  overflow-x: hidden;
  overflow-y: scroll;
}

If this is very urgent and you can't find where to add/edit your css, you can add it in the html itself: 如果这是非常紧急的,你找不到添加/编辑你的CSS的位置,你可以在html本身添加它:

<div style="margin-top: 25px; max-height: 1045px; overflow-x: hidden; overflow-y: scroll;

But this is not recommended and should be replaced with proper css in the near future. 但不建议这样做,并且在不久的将来应该用适当的css替换。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM