html - CSS layout fails when web page is hosted -

I have a web page with CSS layouts. Local Everything works fine The layout is generated right in Chrome & amp; To wit.

Local: file: ///.c: /

website / index.htm

• IE 10: Okay!

Hosted:

• Chrome: OK!
• IE 10: Nozzle !

Does anyone have an idea on the problem

The code example works locally but not online:

CSS

  .headerleft {float: left; Width: 246; Height: 56; Background Image: URL (images / Logo_2.png); }  

HTML

  & lt; Div class = "headerleft" & gt; & Lt; / Div & gt;  

stylesheet links

  & lt; Link href = "style.css" type = "text / css" rel = "stylesheet" />  

For example, div size is zero and background image is not displayed.

Add this row to your CSS. Do not delete anything and see that it loads the image in IE9.

  Background: url ('/ images / Logo_2.png');  

In addition, if you do not want to add it then

  background: url ('/ images / Logo_2.png') No-repeat;  

I should add your question too. It is a bit confusing that the link I added seems to send me to the website builder's main page

You may have some problems < / P>

1. The link you provided is not .htm's .html extension for any reason. In the browser, it does not help to change

2. You can confuse the link with the link to the main site that your page uses to create it.

3. You can change the settings in your htaccess file on the server to load a page with a different file extension.

If these steps do not help, please provide more information and I will do my best to help you.

If your device looks irregular behavior, it may help to float a cleanoffix. This is done by clearing your floats

Clear: Both;

You clear the floats like this:

To help you understand it:

Here is an example of code and: / P>

Create a square in your CSS

  .clarfix: {after visibility: hidden; Display area; Font-size: 0; material: " "; Clean both; Height: 0; } * Html .clarfix {zoom: 1; } / * IE 6 * / *: First-child + HTML. Cleerphics {Zoom: 1; } / * IE7 * /  

Now you can add a clear fix for your HTML