CSS работает только в Chrome

-2

Мне нужно отправить этот сайт сегодня вечером, но он работает только в Chrome. Я пробовал все, что мог придумать (я очень новичок в этом, только узнал о HTML и CSS пару недель назад). HTML, кажется, работает нормально, но моя таблица стилей, похоже, не работает.CSS работает только в Chrome

CSS-:

@charset "utf-8"; /* CSS Document */ 
body { 
    background-image: url('http://oi43.tinypic.com/2yvmjvq.jpg'); 
    color: #FFF; 
} 

::selection { 
    background: #FB5549; 
} 

::-moz-selection { 
    background: #FB5549; 
} 

a.class2 { 
    text-decoration: none; 
    color: #1F1B21; 
} 

a.class2:visited { 
    color: #1F1B21; 
} 

a.class2:hover { 
    color: #1F1B21; 
} 

a.class2:active { 
    color: #1F1B21; 
} 

a.class1 { 
    text-decoration: none; 
    color: black; 
} 

a.class1:visited { 
    color: #0A0A0A; 
} 

a.class1:hover { 
    color: #FB5549; 
    font-style: italic; 
} 

a.class1:active { 
    color: #FB5549; 
} 

a.class3 { 
    text-decoration: none; 
    color: #FFF; 
} 

a.class3:visited { 
    color: #FFF; 
} 

a.class3:hover { 
    color: #FB5549; 
    font-style: bold; 
} 

a.class3:active { 
    color: #FB5549; 
} 

a.class4 { 
    text-decoration: none; 
    color: #0A0A0A; 
} 

a.class4:visited { 
    color: #0A0A0A; 
} 

a.class4:hover { 
    color: #0A0A0A; 
} 

a.class4:active { 
    color: #0A0A0A; 
} 

#wrapper { 
    clear: both; 
    width: 690px; 
    margin-top: 85px; 
    margin-left: auto; 
    margin-right: auto; 
    background-color: #0A0A0A; 
    padding-top: 14px; 
    padding-bottom: 2px; 
} 

header { 
    text-align: center; 
    width: auto; 
    margin-top: -8.0em; 
} 

h1 { 
    font-family: "lobster 1.4"; 
    color: #1F1B21; 
    font-size: 50px; 
} 

h2 { 
    font-family: "aleo"; 
    font-size: 22px; 
    line-height: 20px; 
    letter-spacing: 0.8px; 
} 

h6 { 
    font-family: "lekton"; 
    color: white; 
    font-weight: 500; 
    text-align: center; 
} 

nav { 
    position: fixed; 
    left: 208px; 
    top: 145.5px; 
    width: 8em; 
    margin-top: -2.5em; 
    font-family: "consolas"; 
    font-size: 14px; 
    line-height: 18px; 
    color: #0A0A0A; 
    text-align: right; 
} 

aside { 
    position: fixed; 
    left: 1046px; 
    top: 145.5px; 
    width: 177px; 
    margin-top: -2.5em; 
    font-family: "consolas"; 
    font-size: 14px; 
    line-height: 18px; 
    color: #0A0A0A; 
    text-align: justify; 
} 

#content { 
    width: 650px; 
    text-align: justify; 
    font-family: "lekton"; 
    font-size: 14px; 
    line-height: 18px; 
    padding-right: 20px; 
    padding-bottom: 15px; 
    padding-left: 20px; 
    border-bottom: 1px dotted #C6C6C6; 
} 

footer { 
    clear: both; 
    width: 690px; 
    line-height: 14px; 
}

HTML-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <br> 
     <title>Start</title> 
     <link href="style/stylesheet.css" rel="stylesheet" type="text/css> 
     <style type="text/css"> 
     </style> 
    </head> 
    <body> 
     <nav> 
     <h2><a href="index.html" class="class4" title="Tilbage til startsiden">menu</a></h2> 
     <a href="start.html" class="class1">start</a><br> 
     <a href="om mig.html" class="class1">om mig</a><br> 
     <a href="skolearbejde.html" class="class1">skolearbejde</a><br> 
     <a href="http://www.rtgkom.dk/wiki/Main_Page" class="class1" target="blank">rtgkom</a><br> 
     </nav> 
     <div id="wrapper"> 
     <header> 
      <h1><a href="start.html" class="class2">laura Andersen</a></h1> 
     </header> 
     <div id="content"> 
      <article> 
       <hgroup> 
        <h2>om siden</h2> 
       </hgroup> 
       <p> 
        Dette er mit studieweb på <a href="http://www.rtgkom.dk/wiki/Main_Page" class="class3" target="blank">rtgkom</a>, hvor jeg lægger alle de relevante projekter ud, som jeg arbejder på i sammenhæng med mit gymnasieforløb. Siden er lavet i faget kommunikation/it, hvor vi har arbejdet med HTML og CSS. 
       </p> 
      </article> 
     </div> 
     <footer> 
      <center> 
       <h6>Lavet af <a href="index.html" class="class3">Laura Andersen</a><br> 
        Sidst opdateret den 22. oktober 2013 
       </h6> 
      </center> 
     </footer> 
     </div> 
     <aside> 
     <h2>hvad laver jeg?</h2> 
     <p>Jeg er i gang med at lave mit studieweb. Vi er startet på emnet "grafisk design".</p> 
     </aside> 
    </body> 
</html>

источник

2013-10-27 user2925281

Опишите проблему. * Что * точно не работает и * как * он должен работать? –

Stack Overflow - это не какой-то личный форум поддержки. –

Я не совсем уверен, но когда я смотрю на веб-сайт в других браузерах, кроме Chrome, похоже, что у меня нет таблицы стилей. Например, это только HTML, который отображается на сайте, и что CSS не имеет никакого эффекта. – user2925281

У вас есть недостающий '"' в теге ссылки:

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

изменить его <link href="style/stylesheet.css" rel="stylesheet" type="text/css">

источник

2013-10-27 15:09:30 Tomer

Спасибо. Наш учитель дал os «шаблон», который мы могли бы использовать, и, по-видимому, он забыл ». Мы все исправляем его сейчас. Спасибо, вы спасаете жизнь. – user2925281

@ user2925281 Ничего себе, похоже, вашему учителю может понадобиться несколько уроки сам :( – Scott

Попробуйте запустить весь свой HTML через валидатор, например validator.w3.org, чтобы проверить наличие ошибок.

источник

2013-10-27 15:34:02 Amie

CSS работает только в Chrome

ответ

Смежные вопросы