Skocz do zawartości

Css - podział na kolumny


Ludi

Rekomendowane odpowiedzi

Mam mały problem z CSS, z którym zaczynam dopiero działać, otóż:

Posiadam stronę podzieloną oryginalnie na 2 kolumny.

Na stronie:

<div id="lewa">

Treść

</div>

<div id="prawa">

treść

</div>

CSS:

#left_col { float: left; width: 55%; }

#right_col { float:right; width: 45%; }

Widok strony:

kolumna lewa kolumna prawa

Oryginalnie widać treść obok siebie. W momencie gry dodałem dodatkową kolumnę (bez treści) stron jest ładnie pocięta, w momencie dodania treści do kolumny 2 układ się rozjechał. Widać kolumnę lewą, POD nią (zamiast obok) kolumnę środek, pod kolumną środek widać prawą kolumnę.

Na stronie:

<div id="lewa">

Treść

</div>

<div id="srodek">

treść

</div>

<div id="prawa">

treść

</div>

CSS:

#lewa { float: left; width: 40%; }

#srodek { float: left; width: 30%; }

#prawa { float:right; width: 30%; }

Widok strony:

Kolumna lewa

kolumna środek

kolumna prawa

W czym może tkwić problem? Czy jest jakiś parametr, który odpowiada za ułożenie w tej kwestii?

Wdrażaj systemy ISO taniej, szybciej, pewniej. Oferujemy wdrożenia, szkolenia, certyfikację ISO 9001 oraz innych systemów z branży. Przedstawimy oferty związane z systemami ISO w ciągu 5 dni, a Ty wybierzesz najlepszą z nich!

Odnośnik do komentarza
Udostępnij na innych stronach

To jest fragment, w skrócie podałem dokładną składnię. Czy istnieje jakaś funkcja w szablonie css która mogłaby powodować takie zdarzenie?

Trochę kodów już edytowałem, a tutaj mam niestety mały problemik

P.S. Zacząłem edytować kod i usunąłem opisane divy środkowej części pozostawiając tam sam tekst i wszystko działa :|

Na stronie:

<div id="lewa">

Treść

</div>

treść

<div id="prawa">

treść

</div>

CSS:

#lewa { float: left; width: 40%; }

#srodek { float: left; width: 30%; }

#prawa { float:right; width: 30%; }

Widok strony:

Kolumna lewa kolumna środek kolumna prawa

Nie pojmuje ale tak pozostanie :) ( o ile wszystkie przeglądarki to zaakceptują)

Wdrażaj systemy ISO taniej, szybciej, pewniej. Oferujemy wdrożenia, szkolenia, certyfikację ISO 9001 oraz innych systemów z branży. Przedstawimy oferty związane z systemami ISO w ciągu 5 dni, a Ty wybierzesz najlepszą z nich!

Odnośnik do komentarza
Udostępnij na innych stronach

Problem już rozwiązałem na szczęście i ułożenie strony wyszło odpowiednio :) Dzięki za pomoc

Wdrażaj systemy ISO taniej, szybciej, pewniej. Oferujemy wdrożenia, szkolenia, certyfikację ISO 9001 oraz innych systemów z branży. Przedstawimy oferty związane z systemami ISO w ciągu 5 dni, a Ty wybierzesz najlepszą z nich!

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności