It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
i am trying to fix this css thing, but i cannot do it somehow, i am not also css guru actually. so i turned to ask this here.
the problem is in this page, in the last slider header on the right: "Locations eintragen".
the bottom half of this last div is in chrome a bit hidden,
if you see it in Firefox, this is shown correctly. how can I fix this? i want that it should be like in Firefox.
appreciate any help.
the accordion that contains your menu items has its height set to 400px, limiting the height of the items contained in it. You should set the height to another value, or remove limitation.
Hint: you should press F12 in Chrome to bring up the developers' tools. From there, you can right click on elements on your page and choose "inspect element". Then you will be able to see what styles are being inherited, disable and alter them to see effect, etc.
Related
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I'm designing my own portfolio site and only have some basic knowledge about wordpress, html, and CSS. On my individual portfolio pages there is text and a graphic, and the text is supposed to sit higher on the page than the graphic, which will sit below. This works just fine in Firefox, Safari, and Chrome, but it's giving me issues in Internet Explorer, and is creating an issue where the text is sitting to the left of the image, shrinking and smushing the image into a smaller, condensed space.
http://mikeklok.com/portfolio/myt-product-creation-2/
Any way to solve this with CSS? Im not advanced enough to understand how to find and edit the html, as it's not made as easily available as the CSS.
Thanks,
Your containing div is divided into two separate divs with classes "first column" and "last column" respectively, each specified with the styles width: 50%; float: left;. I really wonder why Chrome, FF and Safari make such a mess of it.
Remove those styles, or add break: both; to the second one.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
My website is bigger than it should, the scrollbars shouldn't appear, it's like their an object there, but there isn't. And the links at the footer aren't working. Only one of them are, it seems like each of them are overlapping or something.
http://justxp.x10.mx/test/
remove the left:111px in #footerhighscores and in #footerstore remove the left: 333px;
and add margin: 0 auto; in #footerstore
you have set the position according the width of your screen don't do this try to make the center floated layout
in your website there is major designing issues you haven't set the position correct there are lots of issue on your footer and front divs try to use the firebug and Mozilla web developer tool
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
last 'li' elements in 'ul' are going down when the browser is minimized.
Finally I got solution for this. Main div was overriding 'search' section in the site. this search div pushing menu div li elements down. I removed the search div then everything is working fine. So much relieved now.
Don't know if this is this helps out your problem, but the endtag of </ul> was wrong in your example. When this is not the answer, just show us your code from 'workportfolio' until the end. Maybe there is a little error in your code over there.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 11 years ago.
This CSS issue happens on ANY web page (you can even reproduce the CSS bug using this page, or even on Google as an example).
When the "window width" is less then the "body width", the "body width" ceases to be correct. This seems to be consistent across browsers. I found this to be the issue in Firefox 3.6, Firefox 8 and IE.
Steps to reproduce issue:
Resize your browser window so that the horizontal scrollbar appears on browser
Now change CSS to add the border on the body element using firebug or whichever tool you prefer. For example: border: 1px solid red;
Now scroll your scrollbar to the right, you will notice that the the right border is on the border of window-width rather then body as expected
Is there any way to fix this problem?
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 11 years ago.
I am having a problem with margins / line-height in one of our websites.
I am using a Jquery script to create a Drop Cap effect in the first letter of each sections, that adds a class to them. There are two types of dropcaps, as you can see. Google Chrome is not rendering the smaller ones correctly. You can compare with other browser and see the difference.
Any idea about why is this happening? Is there a fix / hack for this?
I managed to fix it by adjusting your line-height on your p tags.
I adjusted it to 1.8 - anything less and the third line of copy can not flow underneath the drop cap.
See the images:
alt text http://web17.twitpic.com/img/126705561-f3957c59ceac70c081953d4ce00c9d5e.4c35afb0-full.png
alt text http://web14.twitpic.com/img/126705484-0b710f203011f574c598d698fffce8ab.4c35afb0-full.png
A workaround would be to set margin-top:-1px to the .dropcap CSS rule ..
must be some discrepancy on the size the text gets rendered..
Changing the line-height to 1.8em worked for me. But in general, this problem is very difficult to avoid because fonts are rendered differently across platforms and even across browsers.