I am working on a website and have embedded a Simpleviewer gallery into one of my pages. There is a blank white area under the gallery that I can't make go away. My ultimate goal is to have no need to scroll vertically on the page.
Here is a link to the page: http://www.tuckermatthewsphoto.com/a...tomotive1.html
Any help is greatly appreciated. This is driving me absolutely nuts.
Thanks
Well, I figured it out for myself.
Since I knew that there was nothing on the bottom of the page that I needed, I decided on trying to hide the scrollbar, so I added into the css file:
body { overflow:hidden; }
No more scrolling! This seems like it would be a pretty useful trick, so far it works in Safari and Firefox.
Related
so I am making my first website in WP using Divi Theme and suddenly this horizontal scrollbar shows on 14' screen that hasn't been there before. When I view it on tablet or phone or 17' plus screens there is now scrollbar at all. I am not aware that I have done anything particular for it to be displayed. I tried to check width settings, but it doesn't seem to be the real issue. My website is https://vonofit.cz/en/home/ also as website screenshot I would really appreciate any advices as I am beginner to this. Many thanks anyone.
Jan
This is occurring because something is making the page container larger than the browser window, which makes the scroll bar appear so the user can scroll to see the excess space. I didn't identify what is causing the issue, but an easy fix would be to add a line of css to the stylesheet that will make the page overflow hidden. Something like this should work:
div#page-container {
overflow:hidden;
}
I have gone thru the site and searched for the last two hours and am trying to get a wordpress site to work correctly. Everything is working except the white box that holds the content will not go to the bottom no matter what I try. I have tried all the options here but I think it may be that I do not understand enough about css or the divs are all messed up from the template. Can someone please help out with what I have crossed. My page is located at http://craftedimages.com/AA/aae-events/ and you will see the white box on the right that does not extend down. I got this template and have been modifying it of which there were already lots of problems. Thanks for your time ahead of time.
Try adding
#page{
height:1035px;
}
..to the css - the sidebar is this height and although it is auto that is the given height
Hope this helps
Using chrome inspect element. I can see that your <div id="wrapper"></div> has the style
height:auto;
set it to
height:100%;
That should fix it. Only do that for this page. The other pages are set to auto because it forms to their content. This page doesn't have enough content to reach the bottom like the rest of the pages.
I have a Wordpress site that is doing something very bizarre. If you go to:
http://digitaldemo.net/joy/krippen-a-b-c/
When it loads, the main content div loads on the right hand side of the page
and then once the sidebar loads, THEN it gets pushed over to where it ought
to be.
It's only really noticable in Firefox, but I'd like to find out what is causing
it and fix the issue.
Any ideas?
I solved the issue! I added position:relative to the #content div and then added position:absolute and left:30px to the #content-left div. Voila!
Thanks for everyone who tried to help me!
I have to clean up some code and add some features to an existing site.
The layout is broken in Firefox 12.0
See: http://bit.ly/LEqamL
I'm at my wits end. Tried a lot of things but no dice.
The footer and an overlaying image may look broken but when it renders dynamically, it works fine. I just need to get the large 999x666 image to show in the right area.
Any help or direction would be highly appreciated!
Putting clear: both on the <div id="display"> should do the trick.
How can I keep an image visible in browser window on a very long page vertically? (not centered as it is now) Here is the page that has the situation: http://designs-and-more.com/Apparel_Designs.html Note that as you scroll down you will see the links but I want them be visible at all times. Anybody have any help? If anyone knows of a link to an example that would be great since my programming skills are very, very basic. thanks greatly in advance.
The old-school way was to use frames. I believe most websites are not doing this these days (generally menus, side bars, etc. scroll away along with the page content) as they consider keeping the frames design to be undesirable for user interaction.
Ok I have checked your website. You have to add CSS speciality to your declarations.
vertical-aling: top;
.dsR37 {
background-image: url("images/but_Home_BG.png");
vertical-aling: top;
}
Example for home link, your other menu declarations different, so you have to add each other.
You're probably looking for CSS fixed positioning. Here's a demo from David Walsh's site: http://davidwalsh.name/dw-content/css-fixed-position.php
Google "css fixed positioning" and you'll find some demos on how to 'pin' the side nav to be visible no matter where the user scrolls.