Skocz do zawartości

[CSS] Wypełnienie na samym dole (100% width i height nie działa)

Eldoka

Przez Eldoka
w HTML i CSS

Rekomendowane odpowiedzi

Eldoka Newbie

Eldoka

Opublikowano
Opublikowano

witam,

Mam taki layout i pod spodem chciałbym wypełnić go np. kolorem czarnym.

Próbowałem na samym dole za ostatnim divem dawać fragment kodu i dalej nie działa. Nie mam pomysłu jak wypełnić to białe tło.

nie działa (zaraz za ostatnim divem) 

<div style="clear:both"></div>
<div style="width:100%;height:100%;background:#000;"></div>
<div style="clear:both"></div>

Strzałką zaznaczyłem fragment, który ma być wypełniony.

przechwytywaniew.png

forum zdrowotne - dodaj ogłoszenie za darmo!

naprawiasz elektronikę? - dodaj ogłoszenie za darmo!

masz kwiaciarnię? - dodaj ogłoszenie za darmo!

Odnośnik do komentarza
Udostępnij na innych stronach
Darek82 Newbie

Darek82

Opublikowano
Opublikowano

width:100%;height:100%;background:#000;

Jako height musisz ustalić konkretną wartość (np. w px), 100% odnosi się do wysokości nadrzędnego div'a, a nawet ten musi mieć ustaloną wysokość.

Jesteś bezczelny, nieuprzejmy i nie przepuszczasz kobiet w drzwiach? Zapraszam na ulubione24.pl

Odnośnik do komentarza
Udostępnij na innych stronach
fuser Newbie

fuser

Opublikowano
Opublikowano
a jak nie wiem ile px zostało od końca do dołu ekranu to co mam zrobić żeby wypełnić tą przestrzeń.

Tak jak chcesz zrobić to się niestety nie da.

Efekt jaki chcesz uzyskać robi się mniej-więcej tak:

<body style="background: #000;"> // Twoje ciemnie tło wstawiamy jako tło body

<div style="width: 100%; overflow: hidden; background: #fff"> // tutaj mamy diva "który będzie tak jakby całą stroną, żeby nie mieć wszędzie ciemnego tła

 <div style="width: 1000px; margin-bottom: -50px; margin: auto; overflow: hidden; position: relative;">  // tutaj jest div, który "wyśrodkuje" całą stronę

		 bla bla bla to jest zawartość strone		 

 </div>

</div>

<div style="width: 100%; overflow: hidden;">

<div style="width: 1000px; margin: auto; overflow: hidden; position: relative;"></div> // i tutaj mamy naszą stopkę

</div>

</body>

Pisane na szybko, więc może być jakiś błąd, ale powinieneś zakumać o co w tym chodzi.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności