Мой контент выходит из div

У меня проблема с div. Он должен выглядеть так: http://cl.ly/2r0S043m301p410T2e3z, но вместо этого он выглядит так: http://cl.ly/3h1t0f471W0V1U3j2S0y это действительно раздражает.Мой контент выходит из div

Вот HTML:

<html xmlns="http://www.w3.org/1999/html"> 
<head> 
    <link href="<?php echo base_url('css/style.css');?>" rel="stylesheet" type="text/css" /> 
    <title>Admin :: Home</title> 
</head> 
<body> 
<div id="wrapper"> 
    <div class="admin-form"> 
    <div class="header"> 
     <h1>Admin Home</h1> 
    </div> 
    <div class="content dashboard"> 
     <ul> 
     <li><a href='<?php echo base_url('admin/DiveLocations');?>'<span class="addDiveLocation"><img src='<?php echo base_url('images/icons/scubadiving.png');?>'/><p>Duiklocaties</p></span></a></li> 
     <li><a href='<?php echo base_url('admin/Users');?>'<span class="addDiveLocation"><img src='<?php echo base_url('images/icons/users.png');?>'/><p>Gebruikers</p></span></a></li> 
     </ul> 
    </div> 

    </div> 
</div> 
</body> 
</html>

и вот CSS для этого блока контента:

.admin-form .content .input { 
    width: 188px; 
    height: 100%; 
    padding: 15px 25px; 
    margin-left: 100px; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 400; 
    font-size: 14px; 
    color: #9d9e9e; 
    text-shadow: 1px 1px 0 rgba(255,255,255,1.0); 

    background: #fff; 
    border: 1px solid #fff; 
    border-radius: 5px; 

    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); 
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); 
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); 
}

источник

2012-05-23 Bart De Kimpe

Сообщение CSS для '.admin-form',' .wrapper', и '.content ul' please (и любые другие соответствующие стили). – Seabass

Я предполагаю, что вы плавали li или a. В этом случае, вы должны добавить класс clearfix родительского контейнера

<div class="content dashboard clearfix">

Вот код класса clearfix:

.clearfix:before,.clearfix:after{ 
    content:'\0020'; 
    display:block; 
    overflow:hidden; 
    visibility:hidden; 
    width:0; 
    height:0 
} 
.clearfix:after{clear:both} 
.clearfix{zoom:1}

источник

2012-05-23 16:50:21

Это исправлено, ом, действительно глупо от меня: o –

Вы не закрыли теги. Это опечатка?

<a href='<?php echo base_url('admin/DiveLocations');?>'<span...

должен быть

<a href='<?php echo base_url('admin/DiveLocations');?>' ><span..

источник

2012-05-23 16:47:57

Да, это тоже было неправильно, но это не исправило. –

Мой контент выходит из div

ответ

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