CSSテクニックコミュの何をしても下寄せになってしまう

はじめまして。

対応中の案件でIEでは大丈夫なのですが、ネスケやFireFoxで確認するとテーブルの内容が下寄せになってしまいます。
valign=top　や　CSSでvertical-align:top !important;　をあてても上寄せになりません。
そこで、possition:absolute; top:0;を指定したのですが
それでは、上寄せになったものの
内容が多くなった際、テーブルが伸びず、フッターに覆いかぶさってしまいます。

そもそも、なぜ下寄せになってしまうかが分からずほとほと困ってます。
回避方法を御存じの方がいましたら、アドバイスよろしくお願いします。

コメント(11)

最初
全て
最新の40件

[1] mixiユーザー 04月07日 09:46

サンプルソースなりページを出して、具体的な情報がわかれば、有効なアドバイスが出るかもしれませんよ。
現状ではどこかの指定が間違ってるか、重なってるか、バグのどれか、としか言えません。

[2] mixiユーザー 04月07日 09:47

タグまたはCSS上に何がしかの見落としがありそうですね。。。
できれば症状を再現させたテストページを見せていただけないでしょうか。

[3] mixiユーザー 04月07日 11:39

実際のサイトはお見せできないのですが、簡単な絵にしますと上のような感じです。

左：内容量が少ない場合。

右：内容量が多い場合。
　　possition:absolute; top:0;を指定して上寄せにしてある。

こっちを立てれば、あっちが立たないといった感じです。
サンプルソースは時間ができたら、つくります。引き続きよろしくお願いします。

[5] mixiユーザー 04月07日 12:01

>>ぢゅんさん
すみません、書き方が悪かったようです。

タグソースまたはCSSのソース上に、他部位への指定が利いているか、ケアレスミスの記述があるのではないかな？というのが最初の感想でした。
なので、不具合を再現させたテストページを作成して公開していただくと皆でチェックできるということです。
また、テストページで不具合を再現する途中で自己解決するケースも多々ありますしね＾＾

[7] mixiユーザー 04月07日 17:24

ここでCSSをチェックしてみるとか
http://jigsaw.w3.org/css-validator/

[8] mixiユーザー 04月07日 21:13

＞3：
【左】
左サイドメニューがフロートしていないため、
メニューが終わったところからメインの文章が始まる。

...ってことじゃないかなぁ。

【右】
position:absolute;では中身が収まりきらなければ、
当然こうなりますよね。

[10] mixiユーザー 04月07日 21:46

この状況ってfloatが原因ではないでしょうか？？
左の画面は全体のwidth以上に中の２つのカラムのwidthがオーバーしてるから。IEのwidthにボーダーやpaddingがあると、FIREFOXとは違うwidthになるバグがありますし。
２つ目の画像のもclearがかかってない場合にある現象と思うのですが。footerにclear:bothをかけると直るんでは！？

[11] mixiユーザー 04月07日 22:07

みなさんレスありがとうございます。

同僚が問題を解決してくれたそうですが、会議から帰ってきたら帰ってしまっていたのでどんな問題があったのか週明けに聞いて報告させてもらいます。

貴重なお時間いただきましてすみませんでした。
アドバイスをくださった方、感謝いたします。

ログインすると、みんなのコメントがもっと見れるよ