My website at http://www.oblivionro.net isn't properly vertically-aligned when you click on a different link in the menu.
For example, if you go from the home page to the ventrilo page, you'll notice that the alignment of the website shifts to the right and down a bit. I know a fair bit about php, but I'm not that great when it comes to css and designing websites.
Anyone know what the problem might be? Thanks in advance.
Your link doesn't work for me, but I can guess what the problem is. To fix it, add:
html {
overflow-y: scroll
}
That will force the vertical scrollbar to always be visible, so there will no longer be a "shift" when you move between pages that do/do not have a vertical scrollbar.
Related
I am updating my website
-- WEBSITE --
A web developer made it years an ago.
Now I put an SSL Encryption on the website. But after that change, it seems there is an unwanted margin in the header on some pages.
I can't seem to find out where it's coming from. [Image: unwanted margin between header menu items][1]
My screen resolution is: 1920 x 1080
Anybody knows how to solve this?
I tried already to use different widths for the menu items and margins.
But I think I am doing something wrong..
This is what I'm seeing when I click the link:
I think it possibly has something to do with just your screen resolution, but I'm not an expert. I know I've had plenty of experiences were if I scroll too fast or I resize the viewport, I get black lines in between items that flicker and then disappear, so it could be something like that.
Thank you all for responding.
I found the solution in siva - abc's answer.
I added 'background-size: cover' to the list items in the CSS classes and now the problem is solved!
Thanks all!
I am working on a new magento site, and there is a shopping cart link with a popup in the header, however the popup is being hidden behind the store search bar.
Can anyone help me figure this out? I've tried messing around with the z-index on the popup as well as the form to no avail
Site URL is http://www.brandography.org/healthworks
Thanks so much for all your help. I seriously mean it. This community has been really awesome.
Specific Problem
Both the header .container and search bar container had their z-index set high and in the latter's case, an important! set. Removing z-index: 10000; from them fixes the problem.
Overall Problem
User is using a theme someone created that uses terrible CSS practices and could use an overhaul to remove all the float and important! elements, but that's up to the user and obviously for another day, another question.
I am having a hard time figuring out what's going on with a theme for a new script that i just bought.
My site is azngirls.com (don't worry it's not pornographic hahah) and if you go to the frontpage you will see that there is a nav bar on top or header bar that shows Login - Register (Forgot Password) and etc. and that bar is supposed to be on top without any gap but if you go to other parts of the site like for example http://azngirls.com/tos - you will see that there is a gap between that nav bar and the actual top of the website which makes it look awkward when you scroll down. This problem occurs everytime i edit the smallest things inside the php file, as in even if i change a single word or letter it suddenly shows that gap.
Another problem that I am having is that on the same page - on the side bar to the right there is a "Show me" button for Browser Plugins but when i click the link it takes me to a 404 page, but when i click the Tools link in the footer menu it takes me to a page that works.
Thanks alot for any help you guys can give! Really appreciate it!
you have a huge empty line filled with whitespace between <body> and <meta> tags. and you included a <meta> tag inside a body, as it should be in the <head> tag.
As #tpaksu suggested, your html is totally messed up. And there is a easy fix to your problem, just add the following code to your style sheet.
.content-infobox {
top: 0;
}
use this code on the respective ID
#id{
margin:0px;
}
I've been trying to debugg this for hours now with no success. I blieve i boiled it down to the background slider which is SUPERSIZED.js. Unfortunately their forum lacked support also.
If someone fires up IE9 and goes to http://www.designobvio.us/avproduktor/
you'll see that everytime you move the mouse across the screen the first two LI (home & news) flicker with the mouse movement.
I've google'd this problem for hours does anyone have any incite?
jQuery Mouse Flicker in IE
I believe that this is a similar issue however, my menus must be bi-lingual therefore this fix will not work?
I'll gladly provide full package for anyone if you can help!
Thank you so much for your time,
Matthew
Solution to your problem is to set some high z-index in css style of these elements. I tried it in developer tools of IE and it helped (I've added it manually to the style of LI elements in the menu). Let say
.menu-item {z-index: 10000;}
I have a jQuery based tabs which i got from some blog.So now when you click on the Tab,the respective content is loaded.
The content in each tab is quite huge and that is why i want to float the tabs on the right side of the screen.So how do i do that.
Here is the tabs which I'm talking about. http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
Thank you for your help.
I dont understand what you are asking.
Do you want the tabs to be aligned to the right, that can be arrange by CSS or do you want them to hang on to the right side of the BOX, like a real life folder with separators?
Please explain with more detail what you want and how you have your tabs set up.