Poprawność strony HTML z CSS

[tomcio108]

Mam problem ze strona.. projekt gotowiec sciagniety z internetu przerobiony na własne potrzeby. tyle ze.. w IE działa w FF i Chrome działa ale tak jakby nie było flasha..jaka moze byc tego przyczyna?

[Filuper112]

Daj kod bo piszesz w temacie poprawnosc html z css a w wiad o flash'u

[tomcio108]

CSS

Kod:

body {
    margin: 0;
    padding: 0;
    background: #FFFFFF url(images/img01.gif) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #737373;
}

form {
    margin: 0;
    padding: 0;
}

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000000;
}

h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1em;
}

p, ul, ol {
    margin-bottom: 1.8em;
    line-height: 160%;
}

ul, ol {
}

blockquote {
}

a {
    color: #414141;
}

a:hover {
    text-decoration: none;
}

hr {
    display: none;
}

/* Menu */

#menu {
    width: 1000px;
    height: 45px;
    margin: 0 auto;
    padding: 0px 0;
    background: url(images/img02.jpg) no-repeat center top;
}

#menu ul {
    height: 45px;
    margin: 0;
    padding: 0;
    background: url(images/img03.gif) no-repeat;
    list-style: none;
}

#menu li {
    float: left;
    height: 45px;
    background: url(images/img03.gif) no-repeat right top;
}

#menu a {
    float: left;
    height: 20px;
    margin: 0px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: smaller;
    font-weight: bold;
    color: #000000;
}

#menu a:hover {
    background: url(images/img02.gif) repeat-x;
    color: #FFFFFF;
    height: 45px;
}

#menu .current_page_item a {
    height: 45px;
    color: #FFFFFF;
}

/* Splash */

#splash {
    width: 960px;
    height: 200px;
    margin: 0 auto;
}


/* Logo */

#logo {
    width: 1000px;
    height: 91px;
    margin: 0 auto;
    border-bottom: 6px solid #3F3F3F;
    color: #414141;
}

#logo h1, #logo h2 {
    margin: 0;
    padding: 0 20px;
}

#logo h1 {
    float: left;
    padding-top: 30px;
    letter-spacing: -3px;
    text-transform: uppercase;
    font-size: 3em;
}

#logo h2 {
    float: right;
    padding-top: 49px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

#logo a {
    text-decoration: none;
    color: #414141;
}

/* Page */

#page {
    width: 1000px;
    margin: 0 auto;
    padding: 30 px;
}

/* Content */

#content {
    float: right;
    width: 680px;
}

.post {
    padding-bottom: 20px;
}

.post .title {
    margin: 0;
    padding: 5px 20px;
    letter-spacing: -2px;
    border-bottom: 1px dashed #B9B9B9;
    text-transform: uppercase;
    font-size: 24px;
}

.post .title a {
    text-decoration: none;
}

.post .entry {
    padding: 10px 20px;
}

.post .meta {
    height: 26px;
    background: #F5F5F5;
    border-top: 1px solid #E9E9E9;
    text-decoration: none;
    text-transform: uppercase;
    font-size: smaller;
}

.post .posted {
    float: left;
    height: 16px;
    padding: 5px 20px;
}

.post .permalink, .post .comments {
    float: right;
    height: 16px;
    padding: 5px 20px;
}

.post .permalink {
}

/* Sidebar */

#sidebar {
    float: left;
    width: 250px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    margin-bottom: 20px;
}

#sidebar li ul {
    padding: 0px;
}

#sidebar li li {
    margin: 0;
    padding-left: 10px;
    padding-bottom: 5px;
    background: url(images/img04.gif) no-repeat left 50%;
}

#sidebar p {
    padding: 0 20px;
}

#sidebar h2 {
    height: 20px;
    margin: 0;
    padding: 6px 0 0 20px;
    background: url(images/img07.jpg) no-repeat;
    border-bottom: 1px dashed #B9B9B9;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* Search */

#search form {
    padding: 20px;
}

#search br {
    display: none;
}

#search #s {
    width: 140px;
}

/* Footer */

#footer {
    clear: both;
    width: 1000px;
    height: 50px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 6px solid #3F3F3F;
    font-size: smaller;
}

#footer p {
    margin: 0;
    text-align: center;
    line-height: normal;
}

Index.html

Kod:

<head>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head>
<title>Gimnazjum nr 12 we Włocławku</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<body>
<div id="menu">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="oszkole.html">O szkole</a></li>
        <li><a href="http://www.mateusz.pl/JPII/notabiog/notabio.htm">Patron</a></li>
        <li><a href="rada.html">Rada Pedagogiczna</a></li>
        <li><a href="samorzad.html">Samorząd</a></li>
        <li><a href="http://picasaweb.google.com/gim12wloclawek">Galeria</a></li>
        <li><a href="osiagniecia.html">Osiągnięcia</a></li>
        <li><a href="informacje.html">Informacje</a></li>
        <li><a href="rekrutacja.html">Rekrutacja</a></li>
        <li><a href="kronika.html">Kronika</a></li>
        <li><a href="kontakt.html">Kontakt</a></li>
        
    </ul>
</div>
<div id="logo">

    <h1><center>Informacje</center></h1>

</div>
<div id="splash">
    <img src="images/img05.jpg" alt="" />
</div>
<hr />

<div id="page">
    <div id="content">

<div class="post">
            <div class="entry">
                <h2 class="title"></a></h2>
                <p><b>Ogłoszenia</b><br><br>


</p>
            </div>

        </div>


<div class="post">
            <h2 class="title"></a></h2>
            <div class="entry">
                <p></p>
            </div>
            
        </div>



    </div>

    
                <h2></h2>
                <p><strong></strong><a href="#"></a></p>
            </li>
            
                <h2></h2>
<br>
<br>
<br>
                
        <a href="http://men.gov.pl"><img src="images/12.jpg" border="0" alt="" /></a><br><br><br>
        <a href="http://scena.wloclawek.pl/"><img src="images/6.jpg" border="0" alt="" /></a><br>
        <a href="http://wlc.pl/ ><img src="images/7.jpg" border="0" alt="" /></a><br><br><br>
        <a href="http://www.wckwloclawek.pl/ "><img src="images/8.jpg" border="0" alt="" /></a><br><br><br>
        <a href="http://mlodywloclawek.pl/"><img src="images/9.jpg" border="0" alt="" /></a><br><br><br>
        <a href="http://q4.pl/"><img src="images/10.jpg" border="0" alt="" /></a><br><br><br>
        <a href="http://www.wtkanwil.com.pl">/<img src="images/11.jpg" border="0" alt="" /></a><br><br><br>
        <a href="http://www.wloclawek.pl">/<img src="images/13.jpg" border="0" alt="" /></a><br><br><br>

                
            
        
    </div>
    <!-- end #sidebar -->
</div>
<!-- end #page -->
<div id="footer">
<h3><p>Copyright &copy; 2010 </h3></p>
</head>    
</div>
</body>
</html>

[Filuper112]

No i w czym masz problem?

[tomcio108]

Jak pisałem wyżej strona po wrzuceniu na serwer działa w IE ale w MF i Chrome działa nie poprawnie. tzn. całem maenu jest w pionie bez paska na którym powinno byc odnośniki w postaci obrazków są na koncu strony chociaz powinny byc po boku..