full width div by small description text css responsive

i like to width: 100% for my text div. But i don't know why this not working.

So if i have small description text i have not full width by my list div and if i have long description text so i have 100% width div.

Here my screeny Problem:

DEMO SITE

Here my HTML:

<div class="columns events_list_even margin_padding_clean">
                            <div class="event_list_abstand">
                            <div class="two columns padding_right_left_clean">
                            <div class="date-list"><i class="fa fa-calendar fa-lg" style="margin-right: 10px"></i>Mo. 14.04.2014 </div>
                    <img src="http://www.davis-design.de/marktadresse/files/floh_troedel_jahrmarkt.png" class="category_icon">
                    <img src="http://www.davis-design.de/marktadresse/layout/images/veranstaltung_halbwegs_ueberdachung.png" class="roof">
                     </div>
                     <div class="ten columns margin_bottom_clean padding_right_left_clean">
                     <a href="/marktadresse/niedersachsen.html?veranstaltung=Abendmarkt+Osnabrueck%7E1X4JxCOwhDpD4Oj5ch%7E14.04.2014"><h2 class="date-ueberschrift" style="border-bottom: none;">Abendmarkt Osnabrueck</h2></a>
                     <div class="date-info"> Albrechtstraße 15 | 49076 Osnabrück |
                       Floh-, Trödel- &amp; Jahrmarkt</div>
                      <p class="margin_bottom_clean">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ...</p></div></div></div>

Answers


Add "width:100%" in your class(event_list_abstand).


Add this to your css

div.columns.events_list_even.margin_padding_clean {
width: 100%;
}

columns {
    -moz-box-sizing: border-box;
    width: 100%;
}

Make the above mentioned changes in the responsive.css at line number 5,to get the div with full width


According to your CSS, to target only the white and grey boxes, try:

.loop-posts .events_list_even{
   width:100%;
}

Need Your Help

iOS Facebook sdk Invite to friend Reqest Sent but not getting Notificaton on friends

ios facebook facebook-sharer facebook-invite

I am trying to send invitation for App from my iOS native app to Facebook friend using facebook SDK using below method.

debugging remote website using eclipase + xdebug

php eclipse debugging xdebug remote-debugging

I have spent several hours on the maze of eclipse's setting trying to find out how to debug a remote website but still can't get it to work.