Different result on stretched image CSS by Firefox and Chrome [closed] - css

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 days ago.
Improve this question
i faced this problem showing my images and i tried to figure out how to prevent this but didn't succeed.
On firefox the images is stretched , on chrome they appear good. im confused because a lot of Css rule on different class.
Website
there is a special CSS rule to add to get the same result on both navigator or need to modify the CSS rule applied ?

Related

SVG Icons are Invisible [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm working on a BigCommerce theme and somewhere along the way, the SVG icons that are inside buttons disappeared. I can't for the life of me figure out what style is causing them not to show.
Here's a link to an example page: https://brazos-sticks-dev7.mybigcommerce.com/twisted-oak-walking-cane/
I've hit this issue in the past when adding custom SVGs to the sprite that contain defs in them. Review the SVGs you've added. Move those SVGs that have defs into your image folder and utilise them individually. Re-run svgstore and your icons will return.

Unexpected margin/padding on the right side of my website [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I am using vuejs and bootstrap framework for my website; however, there is a white space on the right hand side of the entire website which I do not know how to get rid of. I try to eliminate the margin or padding, but nothing works. Please help.
Testing website link
This (as mentioned) has nothing to do with VueJs. You seem to have several elements that extend the width. One quick way you can fix that is using this css
#app {
overflow-x: hidden;
}

Elements not aligned correctly in Chrome [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
http://www.ekeeler.com/mbti/index.html
Can anyone tell me why the elements on my page are so out of whack in Chrome? The elements seem to be aligning just fine in IE.
screenshot in chrome: http://imgur.com/a/rdNjE
screenshot in IE: http://imgur.com/a/3wdIQ
Seems everything good here.
Chrome Version 58.0.3029.110 (64-bit)

How to make curved border of a div block? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
There is a plcture of some
landing page. As we can see a there is a curved border of header's div. How to curve it up like that in a browser?
This effect can be achieved using the "border-radius" property in CSS.
Edit -
Further to #Patrick's comment, without a link to the actual page where we can inspect the HTML directly, it's difficult to tell how this effect has been achieved. It could be as simple as a background image, or a more complicated solution using shapes like Patrick suggested.

Browser window is bigger than my html/body tag [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
http://lillangshamnens.philipnordstrom.com/
Hello!
I need help because my browser window is bigger than my html/body and because of that i get a scrollbar at the bottom.
Im using wordpress and bootstrap
That's because you have an iframe element that has a fixed width of 1280px. Try to set the max-width:100% property to it. Also the bootstrap rows have a negative margin set on them. You may also want to reset that.

Resources