Wordpressのコンテンツアライメントの問題

Question

私は、Wordpressの "お問い合わせ"ページを自分のウェブサイトに追加しました。しかし、私はコンテンツを正常に整列できませんでした。連絡先フォームとGoogleマップiframeを追加しました。しかし、私は同じレベルで一緒にそれらを示していない。ページのサイドバーは隠されていて、必要はありません。どのようにしてこの問題を解決できますか？

http://www.mersinhatayrestaurant.com/?page_id=10

私はまた、テーブル

<table> 
<tr> 
<td>[si-contact-form form='1']</td> 

<td> 
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe> 
</td> 

</tr> 
</table> 

を使用してみてくださいしかし、何も変わっていません。私はあなたの解決策を待っています。ありがとうございました。

Answer 1

フロートを試してください：iframeとdivの両方をテーブルのない連絡先フォームに残してください。または、縦線を追加する：上;お問い合わせフォームでTDに連絡してください。静的にiframeに高さと幅を割り当てています。接触フォームよりも背が高い場合、TDセル全体が塗りつぶされ、接触フォームはTDのデフォルト動作がvertical-align：bottomです。

EDIT：

は、あなたのサイトに動的に垂直整列を追加しましたし、それが働いた、すぐ下にそれを追加します。

<table> 
    <tr> 
    <td style="vertical-align:top;">[si-contact-form form='1']</td> 

    <td> 
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe> 
    </td> 

    </tr> 
</table>