Реализация этого с помощью CSS и HTMl - PullRequest
Новая
       30

Реализация этого с помощью CSS и HTMl

0 голосов
/ 23 января 2011

Это мой css - 

#nav {  
    position: relative;  
    background-color: #292929;  
    float: left;
    width:960px;
    margin-left:auto;
    margin-right:auto;

}  
#nav li {  
    float: left;  
    list-style: none;  

    width:auto;

}  
#nav li a {  
    color: #e3e3e3;  
    position: relative;  
    z-index: 2;  
    float: left;  

}
ul, li {  
  margin:0;
    padding: 0; 

} 

#blob {  

    position: absolute;  
    top: 0;  
    z-index : 1;  
    background: #0b2b61;  


    background-repeat:repeat;

}

Я хочу разместить этот объект в центре. Как я могу это сделать. Я также хочу, чтобы фон соответствовал странице. Я много пробовал, но это не работает. 

<ul id="nav">  
        <li><a href="home.php">Home</a></li> 
</ul>

Ответы [ 2 ]

1 голос
/ 23 января 2011

Поместите объект в центр: CSS: 

.Center1
    {
    position:relative;
    text-align:center;
    }

.Center2
{
position:relative;
margin-left:auto;
margin-right:auto;
width:1024px;
height:800px;
text-align:left;
}

Markup: 

<body class="body">
<div class="Center1">
    <div class="Center2">
                 <!-- Your content -->

0 голосов
/ 23 января 2011

Вы хотите разместить <li> в центре, верно?

Самый простой способ в соответствии с текущей разметкой - применить фиксированный width и добавить margin: 0 auto; к вашему li.

Семантика этого решения действительно плоха, но, думаю, вам все равно.

...