2012-02-08 5 views
1

私はウェブ開発で遊んでいましたが、Firefoxでは、自分の要素が右に下ろされていることに気付きました(これはChromeで起こる)。私は決して教祖によって午前Firefoxでのレイアウトの動作

enter image description here

。ラッピングとプッシュの優先順位を決める方法はありますか?私は改行を挿入して両方をdisplay:blockに設定しようとしました。それは問題ではないようです。

これはバーのためのCSSです:

.tiq-editor-bar 
{ 
    z-index:1; 
    overflow:hidden; 
    float:left; 
    width:100%; 
    border-top: solid 1px #AAA; 
    text-align:center; 
    display:none; 
    position:relative; 
    color:#AAA; 
    font-weight:normal; 
    font-size:14px; 
} 

これはギャラリーラッパー(白アウトライニングのもの)

#tiq-ui-gallery-wrapper 
{ 
    min-height: 500px; 
    background:url(../img/portfolio/empty.png) center no-repeat; 
    overflow:hidden; 
} 

、ギャラリー自体のためのCSSです:

.tiq-theme-gallery 
{ 
    width:600px; 
    height:400px; 
    resize:vertical; 
    border:solid 1px #eee; 
    overflow:auto; 
} 

ありがとうございます!

EDIT:ギャラリーが比較的に、BTWに配置されています。 JSFiddle。ここで

:私はガレリアを使用していますが、それは、コンテナ提供します:

.galleria-container { 
    position: relative; 
    overflow: hidden; 
    background: #000; 
    display:block; 
} 

編集編集を

http://jsfiddle.net/RyBz9/2/

+0

情報が不十分です。 jsfiddleやリンクが必要です。私が見つけたものから、 'resize'は標準的な構文のブラウザでは動作しませんが、Webkitで動作する可能性があります。 – Rob

+0

サイズ変更は実際には何の効果もありません –

+0

更新:ここに行く、JSFiddle投稿:http://jsfiddle.net/RyBz9/2/ –

答えて

1

変更

.tiq-editor-bar 
{ 
    float:left; 
} 

.tiq-editor-bar 
{ 
    float:none; 
} 
+0

素晴らしい。どうもありがとうございます。 –

+0

私は助けることができてうれしいです。 :-)これを変更するのではなく、この 'float'行を削除するだけかもしれません。 –

+0

はい、これは削除するのを忘れた古いレイアウトの残りの部分でした。 –

関連する問題