- This topic is empty.
-
AuthorPosts
-
March 3, 2015 at 2:51 pm #197211
kablakar
Participanti have a box image with 40% of full screen, below this box I have a youtube video (iframe), but I can not align in responsive (height)
I can not insert the video in the class of images because the class has a separate function ajax
how do I then align to 40% of the width of both classes ??
this is a code i have used it’s good for width but not understand because the height in big and not respect the youtube format:
http://codepen.io/anon/pen/rarmxz
this is a result , why the height its’ big ??
March 4, 2015 at 1:34 am #197240Shikkediel
ParticipantMarch 4, 2015 at 1:47 am #197241kablakar
Participantthanks, but not function, go over
view the site : bit.ly/1EfgOsM
March 4, 2015 at 2:49 am #197242Paulie_D
MemberI think the answer lies in the
padding-bottom
To maintain a ratio of a 100% wide div we need to set the padding-bottom as 56.25% (9/16)….
But our parent div isn’t 100% wide…it’s 40% wide so we need to calculate that number again
This 56.25 / (4 * 10) give us 22.5 but we don’t actually need to do that ourselves because we can use
calc
.March 4, 2015 at 2:54 am #197243Shikkediel
Participantview the site
I don’t see the CSS implemented there – furthermore, tables are also used which have their own peculiarities that may lead to trouble.
Good call by Paulie_D by the way. Bit of a brainteaser, this one.
March 5, 2015 at 1:34 pm #197388kablakar
Participanti have solved with code of “Paulie_D”, but work only on desktop device , id try to show the web site with tablet and mobile device , the video not compare (not show )the video of youtube, WHY ??
March 5, 2015 at 2:09 pm #197392Paulie_D
MemberNo idea. Have you updated your live page so we can test on mobile?
It looks OK on my Nexus 9 tablet but it’s not clear how this is supposed to look.
March 5, 2015 at 2:24 pm #197396kablakar
Participantview the site with in your tablet in portrait (rotate 90°), and with smartphone
thanks
March 6, 2015 at 12:25 am #197420Paulie_D
MemberStill not sure what this is supposed to look like.
If we don’t know specifically what’s wrong how can we fix it.
Please give exact details of what isn’t right.
March 6, 2015 at 12:25 am #197421Paulie_D
MemberStill not sure what this is supposed to look like.
If we don’t know specifically what’s wrong how can we fix it.
Please give exact details of what isn’t right.
March 6, 2015 at 5:43 am #197430kablakar
ParticipantThanks for your interest, the problem and on tablets and smartphones do not see the video box, it is very strange that this depends only on css added, ON the PC you can clearly see it on tablets and smartphones disappears
view image, on tablets in potrait mode
http://postimg.org/image/dr7crrwxn/
(not show)
March 6, 2015 at 5:57 am #197432Paulie_D
MemberWorks both ways on my Nexus 9 so I can’t actually see the issue.
Is your experience on any specific device?
March 6, 2015 at 9:15 am #197460kablakar
Participanti tested with smartphone blackberry, and also with some android device,
March 6, 2015 at 9:52 am #197469Paulie_D
MemberUnless you can show me what this is supposed to look like I’m not sure I can help any further.
March 6, 2015 at 9:58 am #197471kablakar
Participant -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.