Member Avatar for saucy6969

Hello
My website shows my "Boarding House Reform" button right-justified on almost all browsers except for IE.
Is there anyway to make it stick to the right under the "tell us what you think" button?

http://www.newtowncentre.org/

Any help would be greatly appreciated!

  • 4 Contributors
  • 7 Replies
  • 236 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by TonyG_cyprus

Dani AI

Generated

Short version: the most likely causes are (a) the use of deprecated presentational attributes (align) mixed with floated elements, (b) invalid or mismatched markup (stray <p> / &nbsp; placeholders), and (c) IE running in a fallback/compatibility/document mode or non‑100% zoom. was right to flag the align attribute — removing it can expose the true layout behavior (which is why your logo shifted). ’s question about IE version/zoom is important — check those while testing.

Practical checklist to diagnose and fix:

  • Confirm a standards DOCTYPE (use <!DOCTYPE html>) and add <meta http-equiv="X-UA-Compatible" content="IE=edge"> so IE uses its standards engine. Open F12 dev tools in IE and verify Document Mode is the expected one and that zoom is 100%.
  • Validate HTML for mismatched/missing tags and remove layout hacks like &nbsp; for spacing. Bad nesting or stray closing tags is a very common cause of inconsistent wrapping.
  • Replace deprecated attributes with CSS and contain floats so they don’t reflow other elements unexpectedly.

Minimal CSS pattern to apply to those buttons (drop the old align attribute and add classes instead):

.pull-right { float: right; margin-left: 10px; display: block; }
.clearfix::after { content: ""; display: table; clear: both; }
img.site-logo { display: block; max-width: 100%; height: auto; }

Wrap the area where the floated buttons live in a container with clearfix so the surrounding layout behaves predictably. That approach lets the button sit to the right without pushing or overlapping the logo.

If a full rewrite isn’t possible now, make incremental fixes: add a small page-level stylesheet that replaces align with a .pull-right rule and remove the empty spacer paragraphs. Test each change in IE (F12) and at 100% zoom to confirm the result.

Recommended Answers

All 7 Replies

Member Avatar for zobadof

Hello saucy6969,

It appears to be working just fine for me in IE. I'm currently using the latest IE, IE10 though. Which version and zoom are you on?

Member Avatar for TonyG_cyprus

Works fine for me in chrome, all zoom levels.

Member Avatar for JorgeM

It appears that the align="right" attribute on these specific two images is causing the problem. When I remove this attribute it works in IE. Here is the section of code I am referencing...

<a href="_feedbackform/feedback.html" target="_blank">
  <img src="_images/feedback2.gif" alt="Feeback" width="125" height="80"  border="0" align="right">
</a>
</p>

<p>&nbsp;</p>
<p>&nbsp;</p>

<p>
<a onclick="return loadIframe(&#39;main&#39;, this.href)" href="bhop_reform_act2012.html">
 <img src="_images/bh_reform_button.jpg" alt="Boarding House Reform" width="141" height="103" border="0" align="right"></a>
</p>
From IE when align right is included...

c0384c5f2b8445ecfe677c4a51758cf4

From IE when align right is removed....

dd09869ae072029c46dcfaa51b7f5a01

Please do not take this the wrong way, but you may want to consider re-doing the website and start to remove all of the deprecated elements, attributes. Rather than using these attributes, use CSS instead. align, border, cellspacing, etc.., etc... should be removed and taken care of within CSS. The site could also flow better with the use of div elemnets rather than table related elemnets.

It was really challanging to work with the code to work with this issue.

Member Avatar for saucy6969

Cheers guys. Jorge, if the budget permitted, it would have been redesigned about 4 years ago...not high priority for the organisation at the moment unfortunately. Thanks again! :)

Member Avatar for saucy6969

...using IE 9 currently.
@jorge...did what you said but it made the top logo go a bit funny...so i had to put it back temporarily.
i checked it out in all other browsers and it looks fine. i dont know why IE is throwing the button to the left.

sorry to be such a pain.

Member Avatar for saucy6969

also, IE is screwing up my other site as well. the button headings dont show up in IE. Am i missing something here as well? all other browsers work fine. I feel like I am cursed via IE.

http://www.christmaslightup.com/

Member Avatar for TonyG_cyprus

Yes, don't I sometimes feel like putting a splash screen......"This site best viewed in anything other than IE!" ??

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.