Всегда на нижнем нижнем нижнем колонтитуле не работает

Question

Я всегда делал на нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем нижнем колонтитуле.

HTML

<div class="content"> 

    <header> 
     <p>blabla</p> 
    </header> 

    <main> 
     <p>blaBlabla blub</p> 
    </main> 
</div> 

<footer> 
    <p>more bla</p> 
</footer> 

CSS

*{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
} 

html{ 
    height: 100%; 
    box-sizing: border-box; 
} 

*, *:before, *:after { 
    box-sizing: inherit; 
} 

body { 
    position: relative; 
    margin: 0; 
    padding-bottom: 250px; 
    min-height: 100%; 

    background-color: white; 
} 

.content { 
    margin: 0 auto; 
    width: 100%; 
} 

footer { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    left: 0; 

    background-color: black; 
    color: white; 
    text-align: center; 
} 

Он отлично работает, когда я звоню страницу с «файла: /// C:/XAMPP/HTDOCS/папки/index.html ", но когда я называю это" http://localhost/folder/index.html ", это не так. Я надеюсь, что кто-то может мне помочь, потому что я действительно расстроен.

Answer 1

Ваша ссылка на файл css, вероятно, не разрешена на сервере, так как ваши правила css верны.

Вот все, что вам нужно знать о относительные пути файлов:

• Начиная с «/» возвращается в корневой каталог и начинается там
• Начиная с «../» перемещает один каталог назад и начинается там
• Начиная с «../../» перемещает две директории назад и начинает там (и так далее ...)
• Чтобы двигаться вперед, просто начните с первым подкаталогом и продолжать двигаться вперед

- Source and more information

Предположим, что ваш файл находится в той же папке, попробуйте использовать вместо этого:

<link rel="stylesheet" type="text/css" href="./yourStyleFileName.css"> 

Предполагая, что файл находится в корневой папке CSS, например, попробуйте использовать это:

<link rel="stylesheet" type="text/css" href="/css/yourStyleFileName.css"> 

Вы должны иметь возможность создать свой собственный относительный путь довольно легко.