Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: CSS full szerokość ale obszar roboczy max 1000px
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
swiderek31
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?
trueblue
Kod
width: 1000px;
padding: 0 calc((100vw - 1000px) / 2);
swiderek31


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.
trueblue
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.
swiderek31
zewnętrznego nie moge usunąć bo stracę kolor tła
trueblue
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.