2 Correct answers
Add the 2 lines of css shown below in red to your '480px and below media query: - /*Mobile Layout: 480px and below.*/
#videoWrapper {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
position: relative;
padding-bottom: 56.25%;
}
The other 2 media queries will inherit these properties. No need to keep duplicating the same css over and over again for each media query BUT I guess that is the way fluid-grids automated the workflow.
Fluid-grid is now considered a poor choice to use fo
...
I'd use vue.js with Astro static site generator, way to go, no on second thoughts ld use Tailwind. Forget that use React, no wait a minute l think Alpine would be more suited, perhaps php, hang on node maybe, vanilla not possible of course, out of the question, no wait next.js is quite good lm told.......blah blah blah. How the hell did a simple process become so ridiculously stupid.
By @osgood_
What a meager list of alternatives. Is this all you have got?
By @BenPleysier
It's laughable when 2 li
...
30
Replies
Hello Nancy,
I am still not able to get it to work. I hope this screenshot will help out in seeing the error. As I do not see the error, maybe you can put a red outline or something where the error is.
furthermore I am now asking myself how to replace the fluidgrid master.css with the bootstrap. or do I need to start from zero and build the site again? www.onvermijdelijk.nl is the index and all the pages with .html are made from the same template
thank you.
last comment before I hear back from you.
The way the bootstrap template works, as you provided it, leaves me no desire to actually use it. The fluidgrid setup I have made works fine and leaves you that, imo, stupid hamburger menu thing.
So there must be a better solution. Poeple may say bootstrap is better than fluidgrid, I do not share this view. when you look at our index page www.onvermijdelijk.nl you can see that the logo at top is very nice and fluid. this Bootstrap template does not give me the same capability or does it? if it does, great.
So in the end, all we want is for the site to be as it is, but than also with responsive emdedded videos.
Again, when looking at this page https://onvermijdelijk.nl/TheThirdTemple.html you can clearly see it works fine. it is only when we get to small screen it crashes. There must be a error in the code. but I do not see it. if you could help me fine the erro in the code I would not need to reinvent the website, just to get bootstrap responsiveness. Fluid grid works fine. Or atleast it should work fine. I am convinced there is a small error in the code. As my desktop shows the same error as my phone. Namely when the screen size is in the area of the mobile settings, the embedded clip jumps out of the rule and takes over the page. As you can see in screensshot 3, 1 and 2 show it is fluid. yet also show that the text does not get smaller, as it should according to the css code. So there is clearly a few errors in the code. I do not have enough understanding to see them. But I now think to understand what you said, that the fluidgrid was broke from the beginnen. It looks like DW CS6 was shipped with flawed fluidgrid code. In essence all that is required is that somebody with knowhow fix the fluidgrid master.css bugs/ errors and publish the corrected code here at Adobe in the appropriate section. and Here for starters 🙂 😄
here are the screenshots:
This topic reminds me of a super slow-motion train wreck.
This topic reminds me of a super slow-motion train wreck.
By @Nancy OShea
This topic reminds me why I'm relieved I no longer have to spend my days f***ing my head up doing it. Nice to just appreciate life rather than suffer the sh*te web-development has turned into over recent years. Too many opinions, too few real knowledgable people involved these days sadly.
If some were to extract their head from their posterier for just a few seconds the answer lies within the code used by the OP, NOT the misconception that the only solution was to rebuilt the page, using some dog awful solution, which they had no desire to do so.
Anyway moving on....happy days....for me at least.
You never worked with FluidGrids and thus have no idea how awful it was to work with.
By @Nancy OShea
Wrong, I did explore fluid grid BUT why would I want to use any dumb css framework, Bootstrap included, when its easier to write your own responsive construction, particularly these days.
Going back to the page in question - the css being used is nothing short of perhaps some simple one column css that I might even write, minus the repetition, so theres is NO necessity to suggest the OP re-write the whole construction when an addition of 2 lines of css would solve their particular issue and had no connection to using fluid grid or not.
What's gone on here, as more often than not, is people losing the ability to think logically or do anything for themselves apart from suggest using another awful framework.
I'd use vue.js with Astro static site generator, way to go, no on second thoughts ld use Tailwind. Forget that use React, no wait a minute l think Alpine would be more suited, perhaps php, hang on node maybe, vanilla not possible of course, out of the question, no wait next.js is quite good lm told.......blah blah blah. How the hell did a simple process become so ridiculously stupid.
By @osgood_
What a meager list of alternatives. Is this all you have got?
I'd use vue.js with Astro static site generator, way to go, no on second thoughts ld use Tailwind. Forget that use React, no wait a minute l think Alpine would be more suited, perhaps php, hang on node maybe, vanilla not possible of course, out of the question, no wait next.js is quite good lm told.......blah blah blah. How the hell did a simple process become so ridiculously stupid.
By @osgood_
What a meager list of alternatives. Is this all you have got?
By @BenPleysier
It's laughable when 2 lines of css would solve the OPs problem and yet a complete re-construction is being suggested by some people. I guess that's what happens when you become too dependent on a specific workflow, it stifles one's ability to think sensibly.
Even if DW is EOLed it won't stop working and you could get another 3/4/5 years out of it depending where you are in your OS life-cycle. In the mean time, yes, one could be looking at a more robust solution.
It's this pathetic approach of 'oh well the website doesn't use Bootstrap, so it isn't going to work mentality that concerns me, it's like being amongst a lot of brain dead zombies at times.
Even if DW is EOLed it won't stop working and you could get another 3/4/5 years out of it depending where you are in your OS life-cycle.
By @osgood_
========
The OP only has access to deprecated Fluid Grids because they're using discontinued software. Adobe ended the FGL experiment in 2013.
I can't guarantee how much longer CS6 will be accessible. Adobe already pulled the plug on CS2-CS4 activation services. CS5 & CS6 won't be too far behind. They're both on life support as we speak.
Apple's new OS, Ventura, will be released to the public soon. Adobe can't keep putting resources into products that don't work on modern computers.
Even if DW is EOLed it won't stop working and you could get another 3/4/5 years out of it depending where you are in your OS life-cycle.
By @osgood_========
The OP only has access to deprecated Fluid Grids because they're using discontinued software. Adobe ended the FGL experiment in 2013.
I can't guarantee how much longer CS6 will be accessible. Adobe already pulled the plug on CS2-CS4 activation services. CS5 & CS6 won't be too far behind. They're both on life support as we speak.
Apple's new OS, Ventura, will be released to the public soon. Adobe can't keep putting resources into products that don't work on modern computers.
By @Nancy OShea
I suspect Adobe will keep CS6 running for another couple of years yet before end of life. They dont just announce 'thats it - full stop' - they give enough time for those still using it to adapt. As I said if youre NOT eager to update your OS there wont be any issues. I dont usually update my OS for the duration of the computers life (5/6 years) as it can have an impact on software that is critical to your workflow. If you have bags of money to throw at software, no problem. I'm not a 'subscriber' to rip-off annual subscription prices. Ill find a suitably priced product and one that might rewards loyalty that does the job or just get FREE ones, theres plenty of those for web-development.
More to the point the OP just wanted a quick fix for a minor issue, not a complete rebuilt, that allows them time to quickly push out the website as is and then consider the advise given here in relation to the use of a poor solution.
Anyway that website has nothing in it relating to using fluid grid apart from some comment at the top of the css file. The actual css is just pure vanilla css.
AdChoices