Reklama: Jesteś webmasterem ? Zacznij zarabiać KLIKNIJ
Dołącz do grupy

Stwórz profil

Musisz wpisać swoje imię
Musisz wpisać swoje nazwisko
Musisz wpisać poprawny e-mail
Musisz wpisać hasło (min. 8 znaków)
Musisz zaakceptować regulamin

Dawid Zając Freelancer
(elektronika,
programowanie)

Temat: [CSS] rozciąganie div

Witam

mam problem z CSS a mianowicie w strukturze:

<div class="centrum">
<div class="logo"></div>
<div class="tresc">
<div class="lewe_menu"></div>
<div class="tekst"></div>
<div class="prawe_menu"></div>
</div>
<div class="stopka"></div>
</div>

div "tresc" nie chce się rozciągać razem z tekst lub menu a jedynie centrum się rozciąga, "logo" i "stopka" mają stałe wymiary, a reszta tylko szerokość

czy jest jakaś możliwość wymuszenia tego?
oczywiście to tylko uproszczony schemat ale bez tego rozwala mi się cały szablonDawid Zając edytował(a) ten post dnia 12.11.11 o godzinie 19:30
12.11.2011, 19:24
Link do wypowiedziLink | Cytuj

Artur Leśniewski Eurozet -
programista,
webdeveloper

Temat: [CSS] rozciąganie div

podeślij link albo wlej style jak możesz bo same ułożenie elementów nić nie mówi
12.11.2011, 19:32
Link do wypowiedziLink | Cytuj

Dawid Zając Freelancer
(elektronika,
programowanie)

Temat: [CSS] rozciąganie div

z tym będzie problem bo zrobiłem tam taki burdel że sam nie wiem który jest dobry ale chyba ten:

.centrum {position: absolute; top: 20px; left: 50%; margin-left: -500px; width: 1000px;}
.logo {width: 1000px; height: 100px;}
.tresc {width: 1000px;}
.lewe_menu {display:inline; float: left; width: 200px;}
.tekst {display:inline; float: left; width: 600px;}
.prawe_menu {display:inline; float: right; width: 200px;}
.stopka {clear: both; width: 1000px; height: 50px;}

docelowo chciałbym mieć możliwość nakładania na siebie div w obu menu ale mam krzaki z tym "tresc"Dawid Zając edytował(a) ten post dnia 12.11.11 o godzinie 19:47
12.11.2011, 19:45
Link do wypowiedziLink | Cytuj

Krzysztof Tomasz Jasiak multimedia, grafika,
internet, IT -
chętnie spróbuje
nowy...

Temat: [CSS] rozciąganie div

Dawid Zając:
z tym będzie problem bo zrobiłem tam taki burdel że sam nie wiem który jest dobry ale chyba ten:

.centrum {position: absolute; top: 20px; left: 50%; margin-left: -500px; width: 1000px;}
a czemu tak?
.logo {width: 1000px; height: 100px;}
.tresc {width: 1000px;}
.lewe_menu {display:inline; float: left; width: 200px;}
.tekst {display:inline; float: left; width: 600px;}
.prawe_menu {display:inline; float: right; width: 200px;}
zamiast inline float bym użył
.stopka {clear: both; width: 1000px; height: 50px;}

docelowo chciałbym mieć możliwość nakładania na siebie div w obu menu ale mam krzaki z tym "tresc"
a co oznacza nie chce się rozciągnąć?

"stworzyłeś" coś takiego


Obrazek
12.11.2011, 21:13
Link do wypowiedziLink | Cytuj

Dawid Zając Freelancer
(elektronika,
programowanie)

Temat: [CSS] rozciąganie div

pokoloruj div "tresc" i zrób przezroczysty "tekst" zobaczysz że się nie rozciągnie
12.11.2011, 21:18
Link do wypowiedziLink | Cytuj

Krzysztof Tomasz Jasiak multimedia, grafika,
internet, IT -
chętnie spróbuje
nowy...

Temat: [CSS] rozciąganie div

Dawid Zając:
pokoloruj div "tresc" i zrób przezroczysty "tekst" zobaczysz że się nie rozciągnie
powywalaj inline, zostaw tylko float, dodaj display:block (wszędzie) i powinno pomóc

dodaj też clear po .logo i przed .stopka unikniesz niespodzianek

i użyj tego
http://meyerweb.com/eric/tools/css/reset/Krzysztof Tomasz Jasiak edytował(a) ten post dnia 12.11.11 o godzinie 23:00
12.11.2011, 22:54
Link do wypowiedziLink | Cytuj

Dawid Zając Freelancer
(elektronika,
programowanie)

Temat: [CSS] rozciąganie div

nie działa
12.11.2011, 23:05
Link do wypowiedziLink | Cytuj

Michał Miszczyszyn front-end web
developer

Temat: [CSS] rozciąganie div

To fantastycznie, a teraz pokaż swój kod w całości. Albo coś totalnie namieszałeś (szczególnie z tymi iline'ami dla divów o.O) albo chodzi o zwyczajne clearfix.
14.11.2011, 02:14
Link do wypowiedziLink | Cytuj

Mateusz Komarnicki Vision Express IT

Temat: [CSS] rozciąganie div

Koledzy sie myla. Dawid:
zostaw header i footer, zajmij sie 3 kolumnami - usun zbedne deklaracje width i wszystkie deklaracje height, nastepnie usun wszystkie kolory a na sam koniec zainteresuj sie trickiem "faux columns".

Tworzysz plik png: 1px wysokosci na (w Twoim przypadku) 1000px szerokosci), ustawiasz jako background dla kontenera ktory ma w sobie wszystkie 3 kolumny ktore wymienilem (zielony, zolty, szary), przed jego zamknieciem clear:both a background z repeat'em w osi y.

http://www.alistapart.com/articles/fauxcolumns/

Pozdrawiam.Mateusz Komarnicki edytował(a) ten post dnia 14.11.11 o godzinie 07:31
14.11.2011, 07:28
Link do wypowiedziLink | Cytuj

Dawid Zając Freelancer
(elektronika,
programowanie)

Temat: [CSS] rozciąganie div

problem rozwiązałem sam zmieniając układ divów, wsadziłem stopkę w tresc i się rozciąga

teraz mam tylko mały problem z nakładaniem na siebie divów w tresc ale to mogę rozwiązać dając jpg/png jako tłoDawid Zając edytował(a) ten post dnia 14.11.11 o godzinie 11:33
14.11.2011, 11:32
Link do wypowiedziLink | Cytuj

Krzysztof Tomasz Jasiak multimedia, grafika,
internet, IT -
chętnie spróbuje
nowy...

Temat: [CSS] rozciąganie div

rozwala mnie nieumiejętność poradzenia sobie z tak banalnym layout'em ...

dopóki nie wkleisz linka, albo dopóki nie pojawi się ktoś z kulą użyj tego
http://matthewjamestaylor.com/blog/perfect-multi-colum...
http://www.cssplay.co.uk/layouts/three-column-layouts
http://www.code-sucks.com/css%20layouts/faux-css-layouts/
http://www.pagecolumn.com/index.htm
zanim pojawią się następni którzy zaczną wstawiać tam jeszcze js, php, ajax i Bóg jeden wie co jeszcze...Krzysztof Tomasz Jasiak edytował(a) ten post dnia 14.11.11 o godzinie 19:10
14.11.2011, 19:09
Link do wypowiedziLink | Cytuj

konto usunięte

Temat: [CSS] rozciąganie div

witam, jestem poczatkujaca jesli chodzi o cssa.
Mam zrobic na zadanie strone z divów.
Chce zrobić na górze tytuł, pozniej menu po lewej, treść na środku oraz kalendarz po prawej i stopka na dole. Czyli 5 częsci.
Z htmlem nie mam problemu ale czy ktoś mógłby mi pomóc jak zrobić cssa?
Głównie mam problem z tym żeby w każdej przeglądarce wyglądało to dobrze. Nie wiem jakie wymiary pisać...
9.01.2012, 16:26
Link do wypowiedziLink | Cytuj

Rafał Krupiński .koder

Temat: [CSS] rozciąganie div

Wanda Olek:
witam, jestem poczatkujaca jesli chodzi o cssa.
Mam zrobic na zadanie strone z divów.

ok
Chce zrobić na górze tytuł, pozniej menu po lewej, treść na środku oraz kalendarz po prawej i stopka na dole. Czyli 5 częsci.
Z htmlem nie mam problemu ale czy ktoś mógłby mi pomóc jak zrobić cssa?
Głównie mam problem z tym żeby w każdej przeglądarce wyglądało to dobrze. Nie wiem jakie wymiary pisać...

Opisałaś właśnie układ 99% blogów na blogspocie. Zerknij.Rafał Krupiński edytował(a) ten post dnia 09.01.12 o godzinie 17:10
9.01.2012, 17:09
Link do wypowiedziLink | Cytuj

Paweł Nitka www.id2it.pl

Temat: [CSS] rozciąganie div

najprostsze rozwiązania są najlepsze: http://www.google.pl/search?q=css+layout+3+columns
Wanda Olek:
witam, jestem poczatkujaca jesli chodzi o cssa.
Mam zrobic na zadanie strone z divów.
Chce zrobić na górze tytuł, pozniej menu po lewej, treść na środku oraz kalendarz po prawej i stopka na dole. Czyli 5 częsci.
Z htmlem nie mam problemu ale czy ktoś mógłby mi pomóc jak zrobić cssa?
Głównie mam problem z tym żeby w każdej przeglądarce wyglądało to dobrze. Nie wiem jakie wymiary pisać...
10.01.2012, 22:48
Link do wypowiedziLink | Cytuj

konto usunięte

Temat: [CSS] rozciąganie div

dzieki, za pomoc
mam jeszcze inny problem
po lewej stronie mam menu. Jest cennik i chciałabym zeby po prawej otworzyl sie cennik ktory jest w doc. Czyli najlepiej by bylo chyba w ramce wbudowanej? jak to zrobic?
11.01.2012, 12:09
Link do wypowiedziLink | Cytuj
« Wróć do tematów
Odpowiedz
Dołącz do grupy



Wyślij zaproszenie do

Anuluj