Skip to main content
staceeh29840021
Participating Frequently
October 26, 2019
Question

Divs and Columns not rendering correctly in MS Edge

  • October 26, 2019
  • 2 replies
  • 1154 views

I am a beginner with dreamweaver and got my site to a place where I was happy with it except for one page in MS Edge.  This page works how it should on Chrome and Explorer, on laptop and phone, but not in edge.  It puts one of the column to the side of the page taking up about 3/4s of it and then groups the other 5 columns together wrapping them (they are suppose to wrap when adapting to screen size)

Should be

 

but shows like this

 

Is there a specific code that I should be using for edge and what part of the code would be helpful to fix this.

 

This is a brief overview of what I have done.  It is probably user error, but just can not find it.  I would be grateful of any suggestions.

 

<section class="information">
   <article
      class="info">
     <p>Sales and Marketing are often lumped together.  But they're two different disciplines. Both can make a huge impact on your business.  So do them well, make the impact a good one</p>
    </div>

 </article>
  </section>
      <div class="row">
  <div class="col">
  <div class="Strategy">
   <h3>Marketing Strategy</h3>
   <p>All of these aspects play an important role in the developing of your marketing strategy.  They help you structure your plan, monitor milestones and adjust your plans so that it is cost effective (ROI) and efficient for your business.  A Marketing plan is an organic, ever changing strategy, that needs to be reassessed in a timely manner</p></div></div>
   <div class="marketing">
   <div class="row">
  <div class="col">
   <div class="SWOT">
   <h3>SWOT Analysis</h3>
   <p>Knowing your businesses Strengths, Weaknesses, Opportunities and Threats is the foundation to a robust marketing strategy.  It may even open up some other options</p></div></div>
  <div class="col">
   <div class="Brand">
    <h3>Company Branding</h3>
   <p>Don't stop at your logo when branding, Brand everything. It will help you shape you marketing and business strategy as well.  Put your branding on anything to do with the venue.</p></div></div>
  <div class="col">
   <div class="PR">
   <h3>Public Relations</h3>
   <p>PR can be a very good way of reaching a wider audience, and is more than just a good press release.  It means targeting the right journalists in the right media for your demographic</p></div></div>
  <div class="col">
   <div class="Sales">
   <h3>Sales Strategy</h3>
   <p>Marketing will help create a sales funnel, however to get the best conversion, having a proactive element in your sales strategy will keep those in charge of sales focussed and on target</p></div></div>
  <div class="col">
   <div class="Social">
   <h3>Social Media</h3>
   <p>Social Media is one of the biggest growth areas in marketing, however to make the most of this, you need to make sure that all the other aspects of marketing are tied into your strategy</p></div></div>
   </div>

 

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Community Expert
    October 26, 2019

    For quickest help and better quality answers in this forum,  post the URL to your online page.  That way we can see everything we need to see including your markup and  CSS code.   Code fragments rarely tell the whole story.

     

    Markup Validation -  https://validator.w3.org/

    CSS Validation - https://jigsaw.w3.org/css-validator/

    Nancy O'Shea— Product User & Community Expert
    staceeh29840021
    Participating Frequently
    October 27, 2019

    Hello

     

    I just uploaded the website, so it is now online.  Here is the page that is not behaving in edge www.eureka-hospitality.com/Services/Marketing.html

    Hope this is helpful

     

    Stacee

     

    BenPleysier
    Community Expert
    Community Expert
    October 27, 2019

    Have a look at https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.eureka-hospitality.com%2FServices%2FMarketing.html

     

    To start with: an image width and height attribute value must be in pixels.

     

    If you have a problem with solving the other errors, please come back here. 

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    BenPleysier
    Community Expert
    Community Expert
    October 26, 2019

    Rendering problems are most often caused by coding errors. When I look ate this bit of code

     <article
          class="info">
         <p>Sales and Marketing are often lumped together.  But they're two different disciplines. Both can make a huge impact on your business.  So do them well, make the impact a good one</p>
        </div>
     </article>

    I see a rogue </div> tag.

     

    Check the rest of your document for possible further errors.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    staceeh29840021
    Participating Frequently
    October 26, 2019

    Sorry my bad, there was quite a bit there and I deleted some (didnt realise I had deleted the tag), didnt mean to delete that line.  This is it in full.

     

    <section class="information">
       <article
          class="info">
        <div class="intro">
         <p>Sales and Marketing are often lumped together.  But they're two different disciplines. Both can make a huge impact on your business.  So do them well, make the impact a good one</p>
        </div>
        <div class="main-text">
        <p>Once upon a time, marketing was as simple as planning radio and print campaigns.  While these avenues are still there, technology has created a wide range of options available to us, which increases every day.  Choice can be good.  However, sometimes it's hard to know what the most effective platforms to use to reach your clients are. Often businesses dive into all of them and end up doing none of them well.  In some cases jumping on every platform can actually be counter productive and make if hard to measure effectiveness.  You need to be strategic with your marketing.</p>
        <p>Before implementing any marketing or sales plan, make sure that your venue and staff are ready to give great service and then your customers will give good reviews.  Before the age of social media, people use to recommend or complain to 10 others about their experiences.  Now 1 of their 10 is tripadvisor and another is facebook and or twitter, so their audience is far greater. It is crucial to be good at what you do. Word of mouth is and will always be one of the most effective marketing tools you can have and its for free.</p>
         <p>There is no winning formula for every venue, but there are some basic foundations that are generic.</p></div>
        </article>
      </section>
     
        <div class="row">
      <div class="col">
      <div class="Strategy">
       <h3>Marketing Strategy</h3>
       <p>All of these aspects play an important role in the developing of your marketing strategy.  They help you structure your plan, monitor milestones and adjust your plans so that it is cost effective (ROI) and efficient for your business.  A Marketing plan is an organic, ever changing strategy, that needs to be reassessed in a timely manner</p></div></div>
       <div class="marketing">
       <div class="row">
      <div class="col">
       <div class="SWOT">
       <h3>SWOT Analysis</h3>
       <p>Knowing your businesses Strengths, Weaknesses, Opportunities and Threats is the foundation to a robust marketing strategy.  It may even open up some other options</p></div></div>
      <div class="col">
       <div class="Brand">
        <h3>Company Branding</h3>
       <p>Don't stop at your logo when branding, Brand everything. It will help you shape you marketing and business strategy as well.  Put your branding on anything to do with the venue.</p></div></div>
      <div class="col">
       <div class="PR">
       <h3>Public Relations</h3>
       <p>PR can be a very good way of reaching a wider audience, and is more than just a good press release.  It means targeting the right journalists in the right media for your demographic</p></div></div>
      <div class="col">
       <div class="Sales">
       <h3>Sales Strategy</h3>
       <p>Marketing will help create a sales funnel, however to get the best conversion, having a proactive element in your sales strategy will keep those in charge of sales focussed and on target</p></div></div>
      <div class="col">
       <div class="Social">
       <h3>Social Media</h3>
       <p>Social Media is one of the biggest growth areas in marketing, however to make the most of this, you need to make sure that all the other aspects of marketing are tied into your strategy</p></div></div>
       </div>
      </div></div>
      <article class="info">
        <div class="main-text">
        <p>There are a number of different ways that our consultants can help you with your marketing plan.  We can facilitate workshops for the people responsible for marketing within your business, co-ordinate certain aspects of the strategy or create the whole marketing strategy for you.  We work with your skill sets to create the right plan for your venue.</p>
        </div>
        </article>