Witam,

Mamy strukturę:

<div class="test">
<div>tu treść</div>
tu treść
<div>

.test {
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
}

Nie wiem czy to jest w ogóle wykonalne aby wewnętrzny DIV:
- rozciągał się od lewej do prawej ekranu
- jego wysokość była dynamiczna (do ilości treści w nim)
- aby rozpychał się na wysokość (jak blok) powodująć, że "tu treść"
zawsze będzie pod nim

Warunek 2 i 3 to nie problem. Jednakże szerokość 100% ekranu nie wiem
jak przeskoczyć. Chciałbym uniknąć JS.

--
Pozdrawiam
Marek

do góry

Dnia Wed, 02 Apr 2014 00:21:13 +0200, Marek napisał(a):

> .test {
> width: 1000px;
> margin-left: auto;
> margin-right: auto;
> position: relative;
> }
>
> Nie wiem czy to jest w ogóle wykonalne aby wewnętrzny DIV:
> - rozciągał się od lewej do prawej ekranu

Nie do końca rozumiem... Chcesz, żeby .test miał szerokość 1000px, ale
.test > div był na całą szerokość ekranu? Czy może jednak całą szerokość
kontenera?

--
Borys Pogoreło
borys(#)leszno,edu,pl

do góry

W dniu 2014-04-03 20:04, Borys Pogoreło pisze:
> Dnia Wed, 02 Apr 2014 00:21:13 +0200, Marek napisał(a):
>
>> .test {
>> width: 1000px;
>> margin-left: auto;
>> margin-right: auto;
>> position: relative;
>> }
>>
>> Nie wiem czy to jest w ogóle wykonalne aby wewnętrzny DIV:
>> - rozciągał się od lewej do prawej ekranu
>
> Nie do końca rozumiem... Chcesz, żeby .test miał szerokość 1000px, ale
> .test > div był na całą szerokość ekranu? Czy może jednak całą szerokość
> kontenera?
>

Tak jak napisałem: wewnętrzny DIV ma być szerokości ekranu mimo
umieszczenia go w kontenerze.

--
Pozdrawiam
Marek

do góry

Dnia Sat, 05 Apr 2014 23:56:45 +0200, Marek napisał(a):

> Tak jak napisałem: wewnętrzny DIV ma być szerokości ekranu mimo
> umieszczenia go w kontenerze.

To musisz go wyrzucić z biegu dokumentu, ale wtedy nie może wpływać na
kolejny element. Trzeba to rozwiazać inaczej.

--
Borys Pogoreło
borys(#)leszno,edu,pl

do góry

W dniu 2014-04-07 01:13, Borys Pogoreło pisze:
>
> To musisz go wyrzucić z biegu dokumentu, ale wtedy nie może wpływać na
> kolejny element. Trzeba to rozwiazać inaczej.

No więc właśnie, zapewne poprzez JS :(

--
Pozdrawiam
Marek

do góry

W dniu poniedziałek, 7 kwietnia 2014 15:13:41 UTC+2 użytkownik Marek napisał:
> W dniu 2014-04-07 01:13, Borys Pogoreło pisze:
>
> >
>
> > To musisz go wyrzucić z biegu dokumentu, ale wtedy nie może wpływać na
>
> > kolejny element. Trzeba to rozwiazać inaczej.
>
>
>
> No więc właśnie, zapewne poprzez JS :(
>


Tylko głośno myślę ale być może to dobry trop - "niewidzialne" divki.

Np. taka na cały ekran a w niej to co chcesz.

Albo divka zewnetrzna widoczna i wewnętrzna "niewidzialna".

Trzeba by popróbować, może się uda.

Andrzej.

do góry

W dniu 2014-04-09 09:37, n...@t...net.pl pisze:

> Tylko głośno myślę ale być może to dobry trop - "niewidzialne" divki.
>
> Np. taka na cały ekran a w niej to co chcesz.
>
> Albo divka zewnetrzna widoczna i wewnętrzna "niewidzialna".
>
> Trzeba by popróbować, może się uda.
>
> Andrzej.

Tak właśnie kombinowałem zadając pytanie tu. Umieścić DIV wewnątrz
innego i nakazać mu jakoś być szerokim na 100% nie kontenera lecz
ekranu. Wiesz... ujemne marginesy czy inne podobne sztuczki. Nic mi do
głowy nie przyszło.

--
Pozdrawiam
Marek

do góry

W dniu czwartek, 10 kwietnia 2014 16:05:07 UTC+2 użytkownik Marek napisał:
> W dniu 2014-04-09 09:37, n...@t...net.pl pisze:
>
>
>
> > Tylko głośno myślę ale być może to dobry trop - "niewidzialne" divki.
>
> >
>
> > Np. taka na cały ekran a w niej to co chcesz.
>
> >
>
> > Albo divka zewnetrzna widoczna i wewnętrzna "niewidzialna".
>
> >
>
> > Trzeba by popróbować, może się uda.
>
> >
>
> > Andrzej.
>
>
>
> Tak właśnie kombinowałem zadając pytanie tu. Umieścić DIV wewnątrz
>
> innego i nakazać mu jakoś być szerokim na 100% nie kontenera lecz
>
> ekranu. Wiesz... ujemne marginesy czy inne podobne sztuczki. Nic mi do
>
> głowy nie przyszło.
>
>


Nie wiem czy o to ci chodziło ale jak nie to rzeczywiście masz problem.



<style>
* {
margin:0px auto;
box-sizing:border-box;
}

body {
font-family:"Times New Roman";
tetx-align:center;
display:block;
background:url('d:/css/Look Stunning Online Wix.com.png');
}




.c1 {
position: relative;
width: 1000px;
height: 300px;
margin-left: auto;
margin-right: auto;
background:#ffaa00;
}

.c2 {
position:absolute;
top:100px;
width:100%;
height:100% auto;
background:#aaff00;
}

</style>





<div style="margin:10px auto; border:2px solid red">
<div class="c1">
<div class="c2">d2...<br>d2...</div>
d1...
</div>
<div class="c2">d22...<br>d22...</div>
</div>

Andrzej.

do góry

W dniu 2014-04-14 11:02, n...@t...net.pl pisze:
> Nie wiem czy o to ci chodziło ale jak nie to rzeczywiście masz problem.

Dokładnie o to mi chodziło. Problem w tym, że w zaproponowanym
rozwiązaniu, treść "d2" jest przysłaniana treścią "d22". Czyli im więcej
treści d22 tym mniej zobaczę treści d2. Blok się nie rozpycha bo jest
pozycjonowany absolutnie.

--
Pozdrawiam
Marek

do góry