在Opera中不尊重CSS垂直對齊的表單元素

我在導航欄中插入了Google自定義搜索引擎表單，但我無法在Opera中對齊。所有瀏覽器都完全尊重垂直對齊（是的，甚至IE ..哇！）。在Opera中不尊重CSS垂直對齊的表單元素

您可以在www.micod.cat（該網站不是英文版，但您可以輕鬆查看菜單欄右側的搜索框）查看。 Opera正在將表單輸入字段推到頂部，這是不正確的。

下面是該元素的CSS：

#menu li.find form div { 
    padding: 0; 
    margin: 0; 
    height: 50px; 
    line-height: 50px; 
    vertical-align: middle; 
}

任何明亮的頭腦提供一些見解嗎？非常感謝！

來源

2011-06-06 user706600

我不知道爲什麼，或者這是怎麼回事，但放置 前<input type="q" .. />修復它。

你應該等待更好的答案，但如果沒有到達，至少這是有效的。

來源

2011-06-06 08:56:52 thirtydot

看起來嚴格的文檔類型可以實現它，但也是一個小小的'＆nbsp'...而且，改變DOCTYPE在網站的其他領域也產生了很多其他的副作用，所以我猜這個微小的，但不是微不足道的小白色空間贏得了一英里！大衛的另一個案例（白色空間）毆打Goliath（doctype）!!!! 我無法感恩。非常感謝你們。 **你搖滾!! ** – user706600 2011-06-07 06:52:48

這不是您要對齊的內容，而是內容中的圖像。

#menu li.find form div img{ vertical-align: middle; }

，看着你的網站，你將需要：

#menu ul.nav li.find { padding-top: 10px; }

來源

2011-06-06 08:56:32

目前沒有任何'裏面img'元素' li.find'，這樣就不會做任何事情。添加'padding-top'將會修復Opera，但會打破所有其他瀏覽器。你應該使用蜻蜓事先嚐試想法（'CTRL + SHIFT + I'）。 – thirtydot 2011-06-06 09:07:17

我確實使用了Dragonfly修復了我發佈的內容，但是我發現它會打破其他瀏覽器，看看@clairesuzy的DOCTYPE文章 – 2011-06-06 09:44:27

問題是Doctype，將它改爲嚴格的或HTML的修復它，例如

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html>

的XHTML文檔類型過渡手段歌劇呈現在「準標準」模式，雖然是很爲什麼會影響這個我不知道， - Opera Doctype Switches

來源

2011-06-06 09:37:53 clairesuzy

如果你是對的（我沒有測試，我假設你做到了）：很好的接受！ – thirtydot 2011-06-07 01:10:46

Doctype確實可以正常工作，但它也會破壞當前工作網站的其他部分，這當然會讓人很難修復。所以，我決定採用由@thirtydot提出的簡單而神奇的解決方案，這是一個美妙而美麗的「......」taaadaaaa！不管怎樣，謝謝你。無論如何，我永遠都不會想到Doctype與它有任何關係。 – user706600 2011-06-07 06:54:56

在Opera中不尊重CSS垂直對齊的表單元素

回答

相關問題