Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ CSS _ CSS full szerokość ale obszar roboczy max 1000px

Napisany przez: swiderek31 24.07.2020, 12:19:17

mam div 100% na przykład czerwony

a w nim div 1000px z tłem białym i on jest na środku, oba mają powiedzmy 100px wysokości ale to nie jest ważne, czy dałoby się jakoś zrobić to żeby użyć tylko jednego diva (background-color nie jest ważny) aby szerokość tego diva była 100% ale obszar roboczy max 1000px? czyli padding musiałby się dostosowywać.

Myślę że wiecie o co mi chodzi. Czy da się to zrobić na jednym divie i tylko css`em?

Napisany przez: trueblue 24.07.2020, 12:41:19

Kod

width: 1000px;
padding: 0 calc((100vw - 1000px) / 2);

Napisany przez: swiderek31 24.07.2020, 13:11:03

biały div ma 100% szerokości max-width: 1000px i margin: 0 auto - w ten sposób jest responsywny.

a mi chodzi o to że w sytuacji gdyby mi nie zależało, aby ten div był biały - zrobić taki efekt z użyciem jednego diva.

Napisany przez: trueblue 24.07.2020, 13:29:21

Cytat(swiderek31 @ 24.07.2020, 14:11:03 )

a mi chodzi o to że w sytuacji gdyby mi nie zależało, aby ten div był biały - zrobić taki efekt z użyciem jednego diva.

Nie rozumiem co piszesz.
Jeśli biały <div> jest w środku innego, to przecież ten zewnętrzny możesz usunąć.

Najlepiej pokaż obecny kod HTML+CSS.

Napisany przez: swiderek31 24.07.2020, 13:32:04

zewnętrznego nie moge usunąć bo stracę kolor tła

Napisany przez: trueblue 24.07.2020, 13:37:12

1. Możesz zamiast padding użyć pseudoelementów :before i :after.
2. Możesz zamiast padding użyć border-left i border-right.
3. Możesz wypełnić div trzyczęściowym gradientem.