Kevin Powell - Community•3y ago

[solved] Img behave different in Chome?

I have an issue with images: They are above each other and I make one visible when hovering, this works just fine in any browser but Chrome. In chrome for some reason they height is different. They are the same size so that cant be it. Is there a known issue? plss help Im still learning this ._.

27 Replies

Jochem•3y ago

please check out #How To Ask Good Questions, we can't help without any code to look at

BeciiOP•3y ago

https://codepen.io/Becii/pen/mdGzYMj this works? I never used this before ^^

Jochem•3y ago

The images don't show up, but if you replace the HTML with this, it'll load some placeholders:

<div class="profil">
  <div class="p_name">Wallner Wilfried</div>
  <div class="p_img">
    <img src="https://picsum.photos/300/600" class="p_img_gray" alt="Wallner Wilfried">
    <img src="https://picsum.photos/300/600" class="p_img_fun" alt="Wallner Wilfried">
  </div>
  <div class="p_info">
    Hier kommt noch sehr interessante Info!
  </div>
</div>

<div class="profil">
  <div class="p_name">Wallner Wilfried</div>
  <div class="p_img">
    <img src="https://picsum.photos/300/600" class="p_img_gray" alt="Wallner Wilfried">
    <img src="https://picsum.photos/300/600" class="p_img_fun" alt="Wallner Wilfried">
  </div>
  <div class="p_info">
    Hier kommt noch sehr interessante Info!
  </div>
</div>

BeciiOP•3y ago

https://codepen.io/Becii/pen/mdGzYMj

Rebecca

CodePen

mdGzYMj

...

BeciiOP•3y ago

oh I see its weirdly moving this shouldnt happen

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

oh ok best way to just pos both absolute and set a top I guess

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

I actually have that stuff in a gridsystem

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

actually not Im so afraid of traansitions I did use them with my nav and I still dont quite get them but I will try ^^ which one would you recommmend?

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

ohhh u are amazing ty so how do I tag this solved now? Im such a noob xD just sad it will be my dad Im using not this cute kitty q.q

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

xD not good for a business website I think ok I will implement it to the real file now and prey it works

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

Austrian but yes. I have nothing to say in this regard. hmm I broke something now q.q ahaha np used to it

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

BeciiOP•3y ago

waahh this will make me crazy one day xD

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

its like its ignoring the grid?

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

I have both img in a div and that div is in the grid when I have the img set to relative the grid works but the hover doesnt when I have them on absoolute the hover works but the grid not

Unknown User•3y ago

Message Not Public

BeciiOP•3y ago

div is relative, img absolute still broken Im broken too q.q I was beeing to optimistic again ok so my solution was playing around with ticking of and on the position attribute in F12, turns out if both pictures are absolute it breaks only 1 is fine it somehow magicly works now on chrome too ty for your time @monimolimnion

Unknown User•3y ago

Message Not Public

Gaming

Programming

[solved] Img behave different in Chome?

Did you find this page helpful?