To pytanie ma już odpowiedź tutaj:

Jestem głównie programistą backendów, ale staram się uzyskać odpowiedni układ. Zasadniczo tworzę stronę widoku listy, która będzie zawieraćdiv tag po lewej, który ma kilka filtrów (listy rozwijane, pola wyboru itp.). Po prawej stronie ekranu mamdiv znacznik zawierający siatkę. Wydaje się, że to działa, ale wygląda okropnie, gdy jestem nad głową lub gdy ekran nie jest maksymalny. Czy robię to dobrze? Zasadniczo oto, czego szukam:

CSS, który zrobiłem w tym celu, było tak proste:

.filterContainer {
    width:20%; 
    float:left;
}


.gridContainer {
    width:79%; 
    float:right;
}

Gruntownie.filterContainer jest moja lewa stronadiv (dLeft) i.gridContainer ma racjędiv (dRight). Czy dotyczy to tego, co próbuję osiągnąć? Wynik jest pokazany tutaj:

http://i.imgur.com/WFasMF1.png

Jeśli jednak zmienię rozmiar okna, otrzymam następujący wynik:

http://i.imgur.com/4u9HRlK.png

To chyba normalne, ponieważ zmieniam rozmiar, ale czy mój css jest prawidłowy?