1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Menu not displaying correctly in IE11

Discussion in 'HTML & Website Design' started by cgl102770, Oct 17, 2016.

0
  1. #1
    The site in question is cosatl dot com (for some reason I cant post it here, maybe for spam reasons).

    For some people, on IE11, the top menu (Home, About, etc) is displaying vertically, stacked on top of each other, as opposed to horizontally, side by side.

    It doesnt do this with any other browser, and doesnt do it on every instance of IE11. If anyone out there can take a minute to see how it displays on IE11, I would greatly appreciate it. Thank you.
     
    cgl102770, Oct 17, 2016 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    You're in the COMPLETELY wrong forum, mate. This is a support forum for this site, not for random pages on the web. Post in the HTML-forum instead.
     
    PoPSiCLe, Oct 17, 2016 IP
  3. cgl102770

    cgl102770 Active Member

    Messages:
    40
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    93
    #3
    Thank you. Is there a way to delete my post? I looked and didnt see one anywhere.
     
    cgl102770, Oct 17, 2016 IP
  4. cgl102770

    cgl102770 Active Member

    Messages:
    40
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    93
    #4
    Thank you for moving my post.
     
    cgl102770, Oct 18, 2016 IP
  5. piyush1994

    piyush1994 Greenhorn

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #5
    Hello CGL102770, Your site is perfectly alright and it is working in IE11 without any issue. Please clear you cookies, cache storage.

    Hope it will work for you. And I am agree with PoPSiCLe.
     
    piyush1994, Oct 18, 2016 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #6
    For me that layout is broken at every resolution in every browser -- though in my case I suspect it's that you used dymamic fonts with fixed pixel measurements for widths and media queries -- the two are not compatible.

    Though code-wise that's the typical train wreck of turdpress and scripttardery that honestly I'd tell you to pitch in the bin and start over. It's filled with concepts "not viable for web deployment" if you care at all about cross-browser compatibility and mobile-space deployment... much less the lack of graceful degradation the non-semantic markup saddles you with (that's probably also going to screw you on search) and endless pointless code-bloat.

    From the multiple og:image for nothing (only ONE is ever actually used! People wonder why I say YOAST is incompetent bullshit), endless OG that are redundant to normal properties, static scripttardery in the markup, static style in the markup, tags like <center> that haven't even officially EXISTED since 1997, endless pointless classes for nothing (a turdpress mainstay), pointless data attribute bloat on the goofy space and bandwidth wasting "banner for nothing besides pissing users off", images separated from the content they represent, and five tons of external scripts on a page that should probably throw ALL the JavaScript off the end of a pier... well...

    It's hardly a shock it's wasting 33k of markup on delivering 613 bytes of plaintext and 9 actual CONTENT images... easily four to six times the code needed for what should be a relatively simple page.

    But that's the incompetant disaster known as turdpress for you... in the traditional -- if you don't know what's wrong with this:

    
<body class="home page page-id-416 page-template page-template-page-template-full page-template-page-template-full-php custom-background wpb-js-composer js-comp-ver-4.8.1 vc_responsive">

<div id="container">

    <div id="header">
    
        <div class="logo">
         
            <a href="http://cosatl.com/wp2"><img src="http://cosatl.com/wp2/wp-content/uploads/2016/02/logo_dark5.png" alt="Creative Office Solutions" title="Creative Office Solutions" /></a>
         
        </div>
<center>
    Code (markup):
    ...do the world a favor, back the **** away from the keyboard, and go take up something a bit less detail oriented like macramé. It would be faster to start over from scratch than to try and fix this laundry list of how NOT to build a website.
     
    deathshadow, Oct 18, 2016 IP
  7. cgl102770

    cgl102770 Active Member

    Messages:
    40
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    93
    #7
    Would you recommend Trollpress?
     
    cgl102770, Oct 18, 2016 IP
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #8
    Hey, sorry if that came across as harsh, but it's Joe's own truth. (remember, we pray to the sun, but we worship Joe Pesci)

    You've got design concepts not viable if you care about anything less than desktop, easily four to eight times the overall code needed -- it's hardly a shock it takes in excess of 30 seconds on a cache-empty first-load here. (though the ping-time to your hosting isn't helping). Not good when anything over 12 seconds is considered the cutoff before people give up and close the tab or hit "back". That 830k of scripttardery spread across 25 files being a significant part of the problem.

    JUST that little snippet I included, well, let's expand on that.

    
<body class="home page page-id-416 page-template page-template-page-template-full page-template-page-template-full-php custom-background wpb-js-composer js-comp-ver-4.8.1 vc_responsive">

<div id="container">

    <div id="header">
    
        <div class="logo">
         
            <a href="http://cosatl.com/wp2"><img src="http://cosatl.com/wp2/wp-content/uploads/2016/02/logo_dark5.png" alt="Creative Office Solutions" title="Creative Office Solutions" /></a>
         
        </div>
<center>
<br>
<a href="http://cosatl.com/wp2/catalog/" >
  <img src="http://www.cosatl.com/images/btn_order_now.png" alt="ORDER NOW" style="width:170px;height:50px;border:0;" >
</a>


</span>
</center>
<!-- .logo -->

        <div class="header-right">
        </div><!-- .header-right -->
        
    </div><!-- #header -->
    
            <div class="clearfix">
            			<div class="menu-primary-container"><ul id="menu-menu0" class="menus menu-primary"><li id="menu-item-1352" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-416 current_page_item menu-item-1352"><a href="http://cosatl.com/wp2/">Home</a></li>
<li id="menu-item-1349" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1349"><a href="http://cosatl.com/wp2/about0/">ABOUT</a></li>
<li id="menu-item-1346" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1346"><a href="http://cosatl.com/wp2/products0/">PRODUCTS</a></li>
<li id="menu-item-1421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1421"><a href="http://cosatl.com/wp2/equipment-repair/">EQUIPMENT REPAIR</a></li>
<li id="menu-item-1361" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1361"><a href="http://cosatl.com/wp2/careers0/">CAREERS</a></li>
<li id="menu-item-1385" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1385"><a href="http://cosatl.com/wp2/contact0/">CONTACT</a></li>
</ul></div>              <!--.primary menu--> 	
                </div>
    Code (markup):
    Bloated train wreck laundry list of non-semantic HTML, endless pointless DIV for nothing, endless pointless classes for NOTHING, absolute URI's for NOTHING... it provides no document structure, no graceful degradation... that's 2,101 bytes of code doing the job of:

    
<body>

<div id="top"><div class="widthWrapper">

	<h1>
		<a href="/">
			Creative <span>Office Solutions<span> - </span></span>
			678-501-4030
		</a>
	</h1>

	<a href="/wp2/catalog/" class="orderNow">
		ORDER NOW
	</a>

	<ul id="mainMenu">
		<li><a href="/wp2/" class="current">Home</a></li>
		<li><a href="/wp2/about0/">ABOUT</a></li>
		<li><a href="/wp2/products0/">PRODUCTS</a></li>
		<li><a href="/wp2/equipment-repair/">EQUIPMENT REPAIR</a></li>
		<li><a href="/wp2/careers0/">CAREERS</a></li>
		<li><a href="/wp2/contact0/">CONTACT</a></li>
	</ul>

<!-- .widthWrapper, #top --></div></div>
    Code (markup):
    There is NO legitimate excuse for it to be significantly more than that apart from the developer ineptitude so commonly found in wordpress codebases! That's 621 bytes to your 2,101 -- 29% the size. It uses the SEMANTIC purpose of a H1 with ACTUAL text for the text with the intent of graceful degradation for non screen.css users -- the POINT of writing HTML in the first place! (you really want the bloated bandwidth wasting images as text, that's gilder-levin's job!)

    You multiply those types of shortcomings across the whole page, OF COURSE you're having problems customizing it for mobile as you're lacking ALL the accessibility steps that should be in place before you even THINK about responsive design... aka what you'd use to target tablets or phones.

    Responsive layout is just the last in a long line of accessibility methodologies such as semantic markup, separation of presentation from content, progressive enhancement, graceful degradation, and following accessibility guidelines like the WCAG. You lack ANY of that which is why it's pretty much banjaxed on EVERYTHING here since I don't use the default font metric (most my rigs start at 20px, not 16) regardless of browser, and why trying to make it tablet friendly is going tits-up face-down on you!

    BUT, because you've been DUPED and bamboozled like so many others into seeing nothing wrong with code like that, or don't know enough about HTML, CSS, or accessibility norms to realize it, you simply don't want to hear that the entire disaster needs to be pitched and started over -- the same way anti-vaxxers, anti-gmo organic foodies, 9/11 truth, climate change deniers, and creationists refuse to accept just how full of **** they've been packed.

    When typically it's all so full of manure Biff drove it to the prom where he tried to rape Marty's mom!

    If you consider a presentation of facts, a belittling of those promoting bad practices, and pointing out how badly someone put the saddle on you and taken you for a ride to be "trolling"; well... Good luck storming the castle.

    "Ya think it'll work?"
    "It'd be a miracle."
     
    deathshadow, Oct 18, 2016 IP
  9. cgl102770

    cgl102770 Active Member

    Messages:
    40
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    93
    #9
    I read everything you wrote, and appreciate the time you took, though I hope you're taking the time out to have a beer and enjoy life from time to time. What would you recommend when a client asks for a CMS that they can make basic edits to themselves? If you say there isn't one, then we're just going to have to agree to disagree, because nowadays that's not an unreasonable request on their part.
     
    cgl102770, Oct 18, 2016 IP
  10. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #10
    I suggest a custom solution tailored to their content instead of trying to shove their square peg into a round hole.

    Off the shelf CMS are universally a giant scam perpetrated on people not qualified to have an opinion on web technologies, by scam artists who don't know enough about those technologies to do anything more than saddle up said greenhorn business owners.

    You're right, it's not an unreasonable request -- but that request, particularly with off the shelf trash like turdpress; more so if someone does something REALLY stupid and mates it to developer ignorant asshattery like jquery or bootcrap -- comes with certain shortcomings.

    ... and amongst those shortcomings are the system trying to shove crappy inaccessible markup down your throat, the people building them not knowing enough to result in an accessible design or proper graceful degradation, and that letting a user who knows but two things about web development -- jack and **** -- make changes could make the whole thing fall apart, get de-ranked, and otherwise piss on their parade.

    Just be glad you don't have the specialty I've carved out the past ~10 years; fixing websites for companies and agencies in the UK for failing to meet the DDA minimums; where often the ONLY answer is to start over from scratch or end up having the government fine you out of existence.

    Which is why WP does NOT make it onto the approved list -- even vanilla out of box it's a giant middle finger to accessibility and semantics REEKING of being made by people who don't know enough about HTML to be making websites. Sadly, I've NEVER seen an off the shelf CMS solution that even came CLOSE to passing WCAG 2.0 minimums out of box and that didn't fight you tooth and nail every step of the way!

    Hence why 99.99% of the rubbish at the nube predating scam artist whorehouses that are ThemeForest and TemplateMonster are nothing more than the fastest way of telling large swaths of potential visitors to the resultant websites to go **** themselves. They ALL reek of developer ineptitude, incompetence, and ignorance and the ONLY reason those sleazy scams continue is the ignorance of the people buying into it like a second rate Amway or Mary Kay.

    Which is not a very good attitude for a REAL business to have. But that's among the many litmus tests for telling a "real business" apart from some fly-by-night run by poofs who will likely always be "also ran" in their market at BEST, or at worst be out of business in a year or less.

    Another being how well they handle a little harsh language -- since if they go all "little old lady at an afternoon tea party" on you, you can be almost certain they're a sham... or one of the scammers.
     
    Last edited: Oct 18, 2016
    deathshadow, Oct 18, 2016 IP