GoldenLine
Zaloguj się
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

Czy mógłby mi ktoś podpowiedzieć co robię źle?

DIV (child) w DIVIE (parent)

parent width:100%; height:200px; background-image:url(img/grafika.png)
child width:1000px; height:500px; margin:0 auto

Efekt jaki chcę otrzymać: główny div (100% sz) z tłem - png powielony, div w środku (powiedzmy 1000px sz) z zawartością podstrony (tekst, obrazki).

W momencie kiedy zmniejszam okno przeglądarki - szerokość poniżej 1000px
mam babola, gdyż div z tłem "zmniejsza się"?
Generalnie chodzi o to, że tło znika od prawej strony.

Nie mam już pomysłów co robię źle. Porównywałam z innymi stronami, szukałam na google. Może ktoś spotkał się kiedyś z takim problemem? Dodam że wszystkie przeglądarki reagują tak samo.

Co zrobić aby div parent zawsze wyświetlał tło na 100%, nawet jak znacząco zmniejszymy okno przeglądarki
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

jak chcesz pokazać "div parent" poniżej 1000px skoro dziecku dałaś 1000px na sztywno...

betonu nie skompresujesz!
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Andrzej Tchorzewski:
jak chcesz pokazać "div parent" poniżej 1000px skoro dziecku dałaś 1000px na sztywno...

betonu nie skompresujesz!

;D podobnie z wysokością: parent: 200px, child 500px ??
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

jak chcesz mieć tło pod divem, to nie dawaj mu szerokości wcale, ma display:block w końcu, wiec mu szerokosc niepotrzebna... Po prostu nie będzie go widać jak szerokość okna zejdzie poniżej 1000px (szerokosc sztywna child)

tylko czemu zewnetrzny div ma mniejsza wysokosc? Takie cuda to tylko z position absolute sie robi, o ile jest to zasadne. Jak sie ma rozciagac, to min-heighty tam , albo w ogole nic, tylko overflow hidden ;>Lidia Wilczyńska edytował(a) ten post dnia 18.11.10 o godzinie 23:04
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

div child ma od 1000px wymusić suwaki (robię powiedzmy stronę na min 1024px), problem w tym że tło parenta (100%) znika z prawej strony(zmniejsza się)
w momencie kiedy zmniejszę okno przeglądarki i suwak przesunę w prawo.

Screeny

Obrazek


Obrazek
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Lidia Wilczyńska:
od tego jest min-height i max-height (i width) żeby z nich korzystać ;)
[o ile mozemy zapomniec o ie6>.. zapomnijmy :)]
o niczym nie musisz zapominać

http://www.visibilityinherit.com/code/ie6-min-max-heig...
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

;D podobnie z wysokością: parent: 200px, child 500px ??

Tak, miało być w obu np. po 500px

myślałam o min-w, sprawdzę czy coś pomoże
i wywalę ten w:100%
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

to właśnie mówię - w pierwszej kolejności usuń 100% z szerokości. wtedy wewnętrzny div będzie rozciągał zewnętrznego.Lidia Wilczyńska edytował(a) ten post dnia 18.11.10 o godzinie 23:10
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Krzysztof Tomasz Jasiak:
Lidia Wilczyńska:
od tego jest min-height i max-height (i width) żeby z nich korzystać ;)
[o ile mozemy zapomniec o ie6>.. zapomnijmy :)]
o niczym nie musisz zapominać

http://www.visibilityinherit.com/code/ie6-min-max-heig...
mówiłam o sytuacji bez specjalnych notacji pod IE, dla niezaawansowanych ;P
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

div.d_parent { height:200px; background-image:url(img/h_bg.png) }
div.d_child { height:200px; width:800px; min-width:800px }

<div class="d_parent">
<div class="d_child"></div>
</div>

Jeśli tak miało być to nadal nie działaAneta Kowalska edytował(a) ten post dnia 18.11.10 o godzinie 23:19
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Aneta Kowalska:
div.d_parent { height:200px; background-image:url(img/h_bg.png); display:block }
div.d_child { height:200px; width:800px; min-width:800px; display:block }

<div class="d_parent">
<div class="d_child"></div>
</div>

Jeśli tak miało być to nadal nie działaAneta Kowalska edytował(a) ten post dnia 18.11.10 o godzinie 23:16

DIV są domyślnie elementami blokowymi, nie trzeba im zapodawać "display: block"...
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Aneta Kowalska:
div.d_parent { height:200px; background-image:url(img/h_bg.png) }
div.d_child { height:200px; width:800px; min-width:800px }

<div class="d_parent">
<div class="d_child"></div>
</div>

div.d_parent { height:200px; background-image:url(img/h_bg.png) }
div.d_child { height:200px; width:800px; min-width:800px }

a margin:0 auto;?

napisz co chcesz osiągnąć będzie łatwiej doradzić
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

pomijając już margin:0 auto

Wszystkie podstrony w 1 pliku (jedna długa strona), menu na górze na 2giej warstwie, cały czas w tym samym miejscu. Link będzie scrollował tam gdzie trzeba.

Każda "podstrona" (każdy pasek: portfolio, kontakt itd.) ma swoje tło (różne kolory), szerokość tła 100%.
Zawartość podstron wycentrowana, szerokość dostosowana powiedzmy do 1024px.
Czyli div z tłem a w środku div z tekstami itp.

Jeśli przeglądarkę otworzymy na mniej niż 1024 to siłą rzeczy ma się pokazać tylko child z zawartością. Niestety u mnie wygląda to tak że owszem pokazuje się tylko child ale znika mi tlo z parenta (jak na screenie) -> ten jaśniejszy niebieski-morski powinien być na 100% a nie odkrywać tło całej strony.Aneta Kowalska edytował(a) ten post dnia 18.11.10 o godzinie 23:45
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

Chyba chodzi o parenty, one muszą mieć min-width, a nie divy w środku, wygląda że jest ok.
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Aneta Kowalska:
Chyba chodzi o parenty, one muszą mieć min-width, a nie divy w środku, wygląda że jest ok.

Poka url.
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

w budowie :)
Jak skończę to wstawię.
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Aneta Kowalska:
w budowie :)
Jak skończę to wstawię.

No, ale zrobiłaś w konsu, czy nie? :D
ps. ekstra foty
Link do wypowiedziLink
Aneta Kowalska

Aneta Kowalska Fotograf, grafik,
programista -
Freelancer

Temat: Problem z DIVami - DIV w DIVie i tło

Tak, poprawiłam. Divy z tłem w:100% parenty muszą mieć min-w, ja dałam 980px.
Jak zmniejszam okno przeglądarki to tło nie ucieka.
ps. ekstra foty

dzięki, dopiero zaczynam
Link do wypowiedziLink

konto usunięte

Temat: Problem z DIVami - DIV w DIVie i tło

Lidia Wilczyńska:
mówiłam o sytuacji bez specjalnych notacji pod IE, dla niezaawansowanych ;P

lepiej aby od razu poznali na czym polegają różnicę, to mnie się napocą :)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Problem vertical-align:midd...




Wyślij zaproszenie do
Anuluj