IE7의 작은 CSS 문제

Question

나는 해결책을 찾을 수없는 작은 CSS 문제가 있습니다. , http://www.umono.nl/test/

1. 빨간색 상자의 OL "Zoek이 boek 도중"IE7
헤더 "가정에서
2. 하는 CSS 팝업 메뉴의 잘못 :

   URL 사이트 : 나는이 문제가 alle steden, 등. "은 IE7에서 맞춰진 이 아닙니다.

누군가 나를 도울 수 있습니까? 이상하게도

들으,

케빈,

Answer 1

을, 나는 실제로 IE는이 상황에서 올바르게 가장 작용하는 것을 말할 것입니다.

기본적으로 빨간색 상자에 양식 요소를 배치하는 기술은 다소 위험합니다. 솔직히, 나는 그 위해 설계 어떤 테이블 생각 (그리고 는 테이블 형식의 데이터입니다) :

<table id="zoek"> 
<tr> 
    <th>Land:</th> 
    <td><select>...</select></td> 
</tr> 
<tr> 
    <th>Plaats:</th> 
    <td><select>...</select></td> 
</tr> 
</table> 

과 :

가

#zoek th { font-weight: bold; text-align: left; } 
#zoek td { text-align: right; } 

귀하의 CSS는 (그리고 난 너무 간단 될 것입니다 내 눈을 돌리고 사전에 어떤 반 테이블 열심들에게나 머리를 흔드는 것).

당신이 (어떤 이유), 논란의 여지는 있지만보다 강력한 기술로 이것을 고려하는 것이하지 않으려면 :

<ul id="zoek"> 
    <li><div class="label">Land:</div><div class="select"><select>...</select></li> 
    <li><div class="label">Price:</div><div class="select"><select>...</select></li> 
</ul> 

과 :

#zoek li { overflow:hidden; } 
#zoek div.label { float:left; } 
#zoek div.select { float: right; } 

가 또는 당신은 생략 할 수 있습니다 목록 전체가 일부 div를 중첩합니다.