Telerik Forums RSShttp://www.telerik.com/urn:uuid:0cddec3f-1171-44ac-b0c1-3a42b55261abhttp://www.telerik.com/forums/permalink/P-zdDHERrESwwTpCtVJhqwStyle difference between localhost vs machine nameI think I figured this out.&nbsp; It seems to have something to do with compatibility view in IE.&nbsp; For some reason my browser was set to display intranet sites in compatibility view.&nbsp; When I unchecked this by going to Tools - Compatibility View Settings, then my test server rendered the page the same as localhost!!&nbsp; If I add localhost as a compatibility view site and then turn on compatibility view I see the same behavior as <a href="http://machinename">http://machinename</a>.&nbsp; So it seems <a href="http://(machinename">http://(machinename</a>) was being displayed automatically in compatibiltiy view.&nbsp;urn:uuid:1ff096b3-33df-4306-82e6-1b95898234d7http://www.telerik.com/forums/permalink/s5bwH98zBkOC5huViYI01wStyle difference between localhost vs machine name<p>I'm experiencing similar problems as the original poster.&nbsp; I've narrowed it down to the DOCTYPE tag at the top.&nbsp; It seems that when I browse to <a href="http://(machinename">http://(machinename</a>) or my test server&nbsp;the DOCTYPE tag is ignored, but when I browse to <a href="http://localhost">http://localhost</a> it is not.<br />
<br />
Here's a sample of some html that demonstrates this:</p>
<div class="tFormatCodeBlock supportThreadCodeBlock" id="highlighter_10574" style="overflow-y: auto;border: #7f9db9 1px solid;">
<div style="background-color: #fff;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;!DOCTYPE html&gt; </code></span></div>
<div style="background-color: #f8f8f8;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;</code><code style="color: #069; font-weight: bold;">html</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #fff;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;</code><code style="color: #069; font-weight: bold;">head</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">&lt;</code><code style="color: #069; font-weight: bold;">title</code><code style="color: #000;">&gt;Create New PDP&lt;/</code><code style="color: #069; font-weight: bold;">title</code><code style="color: #000;">&gt; </code></span></span></div>
<div style="background-color: #fff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">&lt;</code><code style="color: #069; font-weight: bold;">style</code><code style="color: #000;">&gt; </code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">*+html .mybox{color: red;} </code></span></span></div>
<div style="background-color: #fff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">.mybox </code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">{ </code></span></span></div>
<div style="background-color: #fff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 24px !important;"><code style="color: #000;">padding:1px; </code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 24px !important;"><code style="color: #000;">border-width: 1px;border-style:solid; </code></span></span></div>
<div style="background-color: #fff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">} </code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px !important;"><code style="color: #000;">&lt;/</code><code style="color: #069; font-weight: bold;">style</code><code style="color: #000;">&gt; </code></span></span></div>
<div style="background-color: #fff;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;/</code><code style="color: #069; font-weight: bold;">head</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #f8f8f8;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;</code><code style="color: #069; font-weight: bold;">body</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #fff;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;</code><code style="color: #069; font-weight: bold;">div</code> <code style="color: #808080;">class</code><code style="color: #000;">=</code><code style="color: blue;">"mybox"</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #f8f8f8;"><span style="margin-left: 0px !important;"><code style="color: #000;">my text </code></span></div>
<div style="background-color: #fff;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;/</code><code style="color: #069; font-weight: bold;">div</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #f8f8f8;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;/</code><code style="color: #069; font-weight: bold;">body</code><code style="color: #000;">&gt; </code></span></div>
<div style="background-color: #fff;"><span style="margin-left: 0px !important;"><code style="color: #000;">&lt;/</code><code style="color: #069; font-weight: bold;">html</code><code style="color: #000;">&gt; </code></span></div>
</div>
<p >If you browse to the page from localhost the text will be black, but if you browse to it from machine name it will be red.&nbsp; It seems that the "*+html" style is only applied when there is no doctype tag.&nbsp; When you remove the doctype tag, both render the same.<br />
<br />
Telerik uses *+html in some of its stylesheets at least the ones I'm using in MVC 3 for comboboxes.&nbsp; Is this some kind of configuration issue on my machine?&nbsp; If so, how do I fix this?</p>urn:uuid:db7d54d8-8c0c-4a51-8a5b-cc635568173fhttp://www.telerik.com/forums/permalink/2FR92wyMUUqKW8xjVWgXPwStyle difference between localhost vs machine nameHi,<br />
<br />
I think this has something to do with the fact that the development and production environment use different versions of the Internet Explorer browser. One of them uses IE7 and the other IE8.<br />
Let me explain what might be the reason for the problem. The RadDock control is designed to be used in a fixed layout. This means that its Width and Height, and the Width and Height of the RadDockZone, must be specified in pixels. However, if this is not an option, and the user wants percentage values, then either of the solutions can be applied to resolve the issues:<br />
<ul>
<li>The following CSS should be applied to the page containing the docks:<br />
<div style="border: 1px solid #7f9db9; overflow-y: auto;" class="tFormatCodeBlock supportThreadCodeBlock" id="highlighter_27919">
<div style="background-color: #ffffff;"><span style="margin-left: 0px ! important;"><code style="color: #000000;">&lt;style type=</code><code style="color: blue;">"text/css"</code><code style="color: #000000;">&gt;</code></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px ! important;"><code style="color: #000000;">.rdTitleBar EM</code></span></span></div>
<div style="background-color: #ffffff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px ! important;"><code style="color: #000000;">{</code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 24px ! important;"><code style="color: #006699; font-weight: bold;">width</code><code style="color: #000000;">: </code><code style="color: #009900;">100%</code> <code style="color: red;">!important</code><code style="color: #000000;">;</code></span></span></div>
<div style="background-color: #ffffff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px ! important;"><code style="color: #000000;">}</code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px ! important;"><code style="color: #000000;">.rdCommands</code></span></span></div>
<div style="background-color: #ffffff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px ! important;"><code style="color: #000000;">{</code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 24px ! important;"><code style="color: #006699; font-weight: bold;">position</code><code style="color: #000000;">: </code><code style="color: #009900;">absolute</code> <code style="color: red;">!important</code><code style="color: #000000;">;</code></span></span></div>
<div style="background-color: #ffffff;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 24px ! important;"><code style="color: #006699; font-weight: bold;">right</code><code style="color: #000000;">: </code><code style="color: #009900;">7px</code> <code style="color: red;">!important</code><code style="color: #000000;">;</code></span></span></div>
<div style="background-color: #f8f8f8;"><span><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><span style="margin-left: 12px ! important;"><code style="color: #000000;">}</code></span></span></div>
<div style="background-color: #ffffff;"><span style="margin-left: 0px ! important;"><code style="color: #000000;">&lt;/style&gt;</code></span></div>
</div>
</li>
<li><span style="margin-left: 0px ! important;">Follow the instructions in this article from our Knowledge Base: <a href="http://www.telerik.com/support/kb/aspnet-ajax/dock/fixing-raddock-title-when-its-width-is-specified-in-percent-values-and-the-browser-is-resized.aspx" target="_blank">http://www.telerik.com/support/kb/aspnet-ajax/dock/fixing-raddock-title-when-its-width-is-specified-in-percent-values-and-the-browser-is-resized.aspx</a>.</span></li>
</ul>
<br />
In case the issue persists, please open a support ticket and send a fully working sample. We will do our best to help.<br />
<br />
<br />
All the best,<br />
Pero <br />
the Telerik team
<div class="forumBaloonTop"></div>
<div class="forumBaloon">
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the <a href="http://www.telerik.com/support/pits.aspx">
Telerik Public Issue Tracking</a>
system and vote to affect the priority of the items
</div>
<div class="forumBaloonBottom"></div>urn:uuid:ac4a916e-7dc5-4e43-9843-c6deeb6b490ehttp://www.telerik.com/forums/permalink/bpFKrMV9Q06YQ8be62tJDgStyle difference between localhost vs machine nameOur issue was quite simple where the size of the control would be different on the server versus the localhost.&nbsp; We adjusted the control to be the correct size on the server and not the localhost.<br />
<br />
Sorry i can't be more help.urn:uuid:03b32b9c-6d31-454e-a425-c6eee76cf92ehttp://www.telerik.com/forums/permalink/nCuzAzFtTkWkJcbu52z5LgStyle difference between localhost vs machine nameDo you remember how you fixed it so would display correctly on the server?urn:uuid:0582386f-00bb-444c-bd94-048d5f34880dhttp://www.telerik.com/forums/permalink/bziCBbsATES9lASNXzSIDQStyle difference between localhost vs machine nameWe basically fixed it so that it would display correctly on the server and not worry with the display via localhost.<br />
<br />
With so many pressing issues we decided to move on with life - we've since then upgrade to the latest version of Telerik and at this point we don't even know that it's an issue anymore.urn:uuid:7e1af39e-4c7d-462c-a406-a5b1c1d1b744http://www.telerik.com/forums/permalink/nvMafn1MLEakBqWxwdG3RAStyle difference between localhost vs machine nameHas anyone found a solution?&nbsp; I'm having the exact same problem, styles look great when browsing via localhost (thanks to God) but they are not so hot when browsing by machine name.urn:uuid:0bb170db-52c6-450f-8670-b09bbc4731bahttp://www.telerik.com/forums/permalink/23CxC8ZSD0WGcLCbvEcxugStyle difference between localhost vs machine nameHi Vic,<br />
Did you ever get this sorted out?<br />
<br />
I have a similar problem with RadDocks, but I don't think it's connected to the RadDock itself, but &lt;LI&gt;-tags on the page rendered. <br />
Style looked different when browsing from the localhost compared to when browsing through the machine name.<br />
<br />
When examining the code with Beyond Compare, I saw that the server did not close any of my &lt;LI&gt;-tags when browsing through the machine name, causing the styles to break.<br />
<br />
Could you possibly check whether your problem is actually caused by tags not being closed?<br />
<br />
To add to the mystery... I have this problem on a Win 2008 R2 x64 server (production env), but _do not_ have the problem on another Win 2008 SP2 x32 server.
urn:uuid:d2b83c75-d7ca-4c0a-95d2-d5ddb906e3cehttp://www.telerik.com/forums/permalink/dTy40srXCkyV0tXduQbjzgStyle difference between localhost vs machine namePero,<br />
<br />
Thanks for the advice... I've tried isolating/sandboxing the problem but I've been unsuccessful. I'll keep an eye on it and see what I can find and report back.<br />
<br />
In the mean time, I'll try your suggestion with the stylesheet.<br />
<br />
Thank Again,<br />
-vic
urn:uuid:3d2a3253-154c-4164-9dd0-130858e02784http://www.telerik.com/forums/permalink/UzIqPUwVZEGd0BMIWOAnhAStyle difference between localhost vs machine nameHello Vic,<br />
<br />
Such problem has not been reported before, and I really can't tell what's causing the problem. Could you please send us a working sample project that demonstrates the issue? Detailed description of the problem and the specific scenario will also help.<br />
<br />
I don't know if it will help resolve the issue, buy you could try adding <a class="ApplyClass" target="_blank" href="http://www.telerik.com/help/aspnet-ajax/radstylesheetmanager.html">RadStyleSheetManager</a> so that the CSS files loaded by the RadControls are combined. Please take into consideration that IE imposes a limit on how many stylesheet object can be loaded:<br />
<br />
<ul>
<li><a href="http://msdn.microsoft.com/en-us/library/ms531194%28VS.85%29.aspx" target="_blank" class="ApplyClass">http://msdn.microsoft.com/en-us/library/ms531194%28VS.85%29.aspx</a></li>
<li><a href="http://blogs.nitobi.com/dave/2008/02/19/internet-explorer-stylesheet-quirks/" target="_blank">http://blogs.nitobi.com/dave/2008/02/19/internet-explorer-stylesheet-quirks/</a> </li>
</ul>
<br />
Kind regards,<br />
Pero <br />
the Telerik team
<div style="font-size: 10px; padding-top: 10px;">
<br />
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
<a style="color: gray;" href="http://www.telerik.com/support/pits.aspx">
Telerik Public Issue Tracking</a>
system and vote to affect the priority of the items.
</div>urn:uuid:89c92482-9740-4bdf-9b66-193f410371dbhttp://www.telerik.com/forums/permalink/giTJiUCX30ubZhk_QQNx2wStyle difference between localhost vs machine nameI'm having an issue with style and formatting specifically with the docks - under localhost the style and formatting works as expected.&nbsp; When I use my machine name to access the site under development the formatting goes out the door.<br />
<br />
I've removed all css file references and put the style within the page and put inline style attributes to try and force the format.<br />
<br />
Anything off the top of your head that might come to mind?<br />
<br />
TIA,<br />
-vic<br />