Home/ Questions/Q 3622632
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T23:17:03+00:00

Problem with site layout in css. http://browsershots.org/http://rssreaderbg.net/indexed.htm Here’s the page: http://rssreaderbg.net/indexed.htm The problem is

  • 0

Problem with site layout in css.
http://browsershots.org/http://rssreaderbg.net/indexed.htm
Here’s the page:
http://rssreaderbg.net/indexed.htm
The problem is in the buttons.
They are truncated and the logo is invisible.
The code:

<html xmlns="http://www.w3.org/1999/xhtml"><head>


    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <style>
        body{
            padding:30px 0 0 0; 
            margin:0;

        }
        #up {

            background:#1ea1de;
            margin-top:-100px;
            height:300px;
            width:100%;

        }
        #logo {
            background:url(logo3.png)no-repeat;
            width:100%;
            height:89px;
            margin-top:-200px;
        }
        .clear{
            clear:both; height:0px; font-size:0px; line-height:0px;
        }
        #nav{
            margin-top:-89px;
            margin-left:300px;
            padding:0;
            list-style-type:none;

        }

        #nav li{

            float:left;
        }

        #nav a{
            padding-left:5px;
            display:block;
            float:left;
            height:104px;
            color:#fdfefe;
            font: 39px Tahoma;
            text-decoration:none;
            background: url(levo.gif) no-repeat;
            margin-top:-72px;


        }

        #nav a strong{
            padding:3px 9px 0 0;
            height:80px;
            float:left;
            display:block;
            cursor:pointer;
            font: 39px Tahoma;
            background: url(111111113.gif) no-repeat right top;
    margin-left:14px;
    margin-top:33px;

        }



    </style>
<div id="up"></div> 
</head><body>
        <div id="logo"></div>
        <ul id="nav">
            <li><a href="#"><strong>Nachalo</strong></a></li>
            <li><a href="#"><strong>Funkcii</strong></a></li>
            <li><a href="#"><strong>Vxod</strong></a></li>
        </ul>
        <div class="clear"></div>
    </body></html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The HTML code is not valid, so it will be rendered in quirks mode. This has a big impact especially in IE.

    The namespace in the html tag indicates XHTML, but the code is HTML (as the meta tag is not closed).

    You have a div tag in the head section, which is not allowed.

    So, start by adding an appropriate doctype tag to specify what flavor of HTML you are using, and make sure that the code is valid.

    HTML validation result

    As the HTML is broken, the CSS can’t be validated yet:

    CSS validation result

    • 0