Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Weird issue with Chrome inspect element

When I load my page, one of the images is higher than it is supposed to be. When I right click "Inspect element" anywhere on the page, the image shifts back to its normal position. What could cause this? In FF the image is in its correct position on page load. Here's what it looks like before and after inspect element: http://community.glumbo.com/uploads/gallery/album_4/gallery_1_4_6556.png

like image 414
Matthew Hui Avatar asked Aug 06 '11 10:08

Matthew Hui


People also ask

Why does inspect element not working on Chrome?

It might be a cache issue. After opening Developer Tools(F12) in Chrome, refresh cache by pressing Ctrl + F5.

Does inspect element actually change?

Inspect Elements lets you tweak the appearance and content of a web page, by adding temporary edits to the site's CSS and HTML files. Once you close or reload the page, your changes will be gone; you'll only see the changes on your computer and aren't actually editing the real website itself.

Can you permanently inspect element?

Permanent Inspect Element. This extension lets you save the changes you make to a static web page using Inspect Element to remain there even after you refresh the page.


1 Answers

If you use the css below instead it should solve your problem.

#content{
    position: relative;
}
.page-company-profile .node .taxonomy_image_wrapper {
    position: absolute;
    left: 500px;
    top: 58px;
}
like image 184
tw16 Avatar answered Nov 04 '22 02:11

tw16