実際に私はこのプロジェクトに取り組んでいます: プロジェクトページ
これは Google Chrome です。
これは Firefox のバグのあるバージョンです。
IE11 と Chrome では、予想どおり、ほぼ同じように表示されます。問題は Firefox にあります。列数は、他のブラウザーのようには機能しません。私が間違っていることを理解できません。Web サイトは Bootstrap ベースです。ページの上部を生成するコードは次のとおりです。
<div class="lefttext">
<?php $loop = new WP_Query( array( 'post_type' => 'expo_page', 'posts_per_page' => -1 ) ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="row col-md-12">
<h2 class="titlecontact text-left"><?php the_title();?></h2>
<div class="section-divider big col-md-12"></div>
</div>
<div class="col-md-12 row">
<?php the_content();?>
</div>
<?php endwhile; wp_reset_query(); ?>
</div><!-- .lefttext -->
CSSは次のとおりです。
.lefttext{
column-count: 2;
column-gap: 20px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
margin: 20px 0 0 0;
}
必要に応じて、これは Wordpress によって生成された HTML です。
<div class="lefttext">
<div class="row col-md-12">
<h2 class="titlecontact text-left">MEETING & CONFERENZE AL CASALE BORGHESE</h2>
<div class="section-divider big col-md-12"></div>
</div>
<div class="col-md-12 row">
<p style="text-align: left;">La location di un evento richiede una scelta accurata: i dettagli dell’arredo, l’atmosfera, l’organizzazione degli spazi sono tutti elementi essenziali per conferenze e meeting dall’elevata qualità. <em>Casale Borghese</em> ti propone i suoi lussuosi ambienti d’epoca per un evento di successo.</p>
<p style="text-align: left;"><em>Casale Borghese</em> suggerisce una formula esclusiva per l’organizzazione efficace e chic di meeting e conferenze:</p>
<p><br></p>
<p style="text-align: left;"><strong>AMBIENTE DI LUSSO</strong></p>
<p style="text-align: left;">Sia all’interno che all’esterno del palmento, è possibile usufruire di una varietà di spazi funzionali, i quali si estendono fra il lusso e la versatilità dell’antico casale. Il casale dispone di due aree principali:</p>
<p style="text-align: left;">• PALMENTO: comprende un’ampia sala retrò – chic ricavata al suo interno e restaurata in stile contemporaneo. L’interno del Palmento è articolato in più spazi dalla sontuosa architettura ed è ideale per allestire conferenze esclusive e organizzare raffinati meeting.</p>
<p style="text-align: left;">• GIARDINO D’EPOCA: consiste in un lussuoso angolo verde altamente versatile, corredato da piscina e gazebo rustico. Ideale per un meeting esclusivo o una conferenza alternativa, il giardino del casale consente inoltre di godere di uno spazio aggiuntivo, brioso e chic, per l’intrattenimento dei partecipanti all’evento.</p>
<hr>
<p style="text-align: left;"><strong>ALLESTIMENTO SMART</strong></p>
<p style="text-align: left;">Dalla disposizione di banchetti e suppellettili alle illuminazioni, la varietà di ambienti del casale ti consente di giocare con gli spazi e scegliere la soluzione più adatta a soddisfare le tue esigenze in fatto di organizzazione e stile.</p>
<p style="text-align: left;">Per meeting e conferenze esclusive, il casale ti propone una serie di elementi da scegliere per la tua formula personalizzata:</p>
<p style="text-align: left;">• allestimento<br>
• suppellettili<br>
• musica<br>
• illuminazione interna ed esterna<br>
• decorazioni<br>
• addobbi floreali</p>
</div>
</div>