Dopasowanie wielkości jednego diva do drugiego

pytanie zadane 4 listopada 2015 w HTML i CSS przez grze848 Początkujący (480 p.)
zamknięte 5 listopada 2015 przez grze848

Odrazu chciałem przeprosić za tamten temat, w którym odesłałem Was do innego forum. To był błąd, przepraszam. Liczę teraz na odpowiedź i rozwiązanie mojego problemu.

A chodzi o dopasowanie wielkości jednego diva do drugiego:

Kod HTML:

<!DOCTYPE HTML>
<html lang="pl">
   <head>
           <title>Tytuł strony</title>
           <link rel="stylesheet" type="text/css" href="style.css" />
   </head>
   <body bgcolor="lightgray">
       <div id="strona">
           <div id="logo">
               <h1>LOGO</h1>
           </div>
           <div id="nawigacja">
               Nawigacja
           </div>
           <div id="tresc">
               <h1>Treść strony</h1>
           </div>
           <div id="stopka">
               © Wszelkie prawa zastrzeżone
           </div>
       </div>
   </body>
</html>

Kod CSS:

div#strona
   {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

div#logo
   {
        background-color: black;
        color: white;
        padding: 25px;
    }
div#nawigacja
   {
        float: left;
        background-color: gray;
        width: 320px;
       min-height: 620px;
    }

div#tresc
   {
        float: left;
        background-color: white;
        width: 680px;
       min-height: 620px;
    }

div#stopka
   {
       background-color: black;
       color: white;
       text-align: center;
       padding: 20px;
   }

Gdy chcę napisać coś więcej w divie tresc to nie dopasowuje się on do diva nawigacja.

komentarz zamknięcia: Rozwiązany

5 odpowiedzi

odpowiedź 4 listopada 2015 przez writen Nałogowiec (29,060 p.)
wybrane 4 listopada 2015 przez grze848

Najlepsza

Polecam zapoznać się z: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Divy #tresc i #nawigacja wsadź do diva, np. container i daj mu display: flex; Dodatkowo możesz pozbyć się float: left.

komentarz 4 listopada 2015 przez grze848 Początkujący (480 p.)

Muszę spróbować, czyli chodzi o stworzenie diva, który będzie miał szerokość tych dwóch moich divów, tak?

komentarz 4 listopada 2015 przez grze848 Początkujący (480 p.)

Jesteś wielki! Dziękuję.

komentarz 4 listopada 2015 przez writen Nałogowiec (29,060 p.)

Jeśli div #strona ma już ustaloną szerokość to on się dopasuje do 100%;

Żeby było tak:

<div id="strona"> 
            <div id="logo"> 
                <h1>LOGO</h1> 
            </div> 
<div id="container">
            <div id="nawigacja"> 
                Nawigacja 
            </div> 
            <div id="tresc"> 
                <h1>Treść strony</h1> 
            </div> 
</div>
            <div id="stopka"> 
                © Wszelkie prawa zastrzeżone 
            </div> 
        </div>

#container {
display: flex;
}

Ja go nazwałem container, bo angielskie nazwy dużo lepiej pasują. Tobie też polecam używać angielskiego nazewnictwa.

komentarz 4 listopada 2015 przez grze848 Początkujący (480 p.)

Dzięki. Potrzebne było mi to do pracy tak jak by semestralnej z informatyki. Uratowałeś mnie :D

odpowiedź 4 listopada 2015 przez jaca121212 Nałogowiec (40,760 p.)

Przedstaw to na obrazku jak to powinno wyglądać.

komentarz 4 listopada 2015 przez Patrycjerz Mędrzec (192,320 p.)

A może niech skorzysta z JS i DOM?

komentarz 4 listopada 2015 przez grze848 Początkujący (480 p.)

Ale jak to powinno wyglądać poprawnie, czy jak to wygląda jak jedenj div jest większy od drugiego? :D

komentarz 4 listopada 2015 przez Patrycjerz Mędrzec (192,320 p.)

Przepraszam, sam się na tym dobrze nie znam, ale wiem, że coś takiego istnieje. Dzisiaj praktycznie każdy webmaster korzysta z DOM. Poszukaj czegoś na Internecie o tym.

komentarz 4 listopada 2015 przez jaca121212 Nałogowiec (40,760 p.)

Na szybkiego zrobiłem ci tak https://fiddle.jshell.net/uysfund8/ pewnie nie o to ci chodziło.

odpowiedź 4 listopada 2015 przez b00ny Mądrala (6,050 p.)

Ustaw mu stałą wysokość i szerokość.
Na przykład:

#twoj_div {
   height:150px;
   width:150px;
}

Jeśli pomogłem, odznacz haczyk przy mojej odpowiedzi :)

komentarz 4 listopada 2015 przez Patrycjerz Mędrzec (192,320 p.)

Ale jeśli zawartość diva tresc będzie duża, to musi się ona gdzieś zmieścić - rozwiązanie krótkowzroczne.

komentarz 4 listopada 2015 przez b00ny Mądrala (6,050 p.)

To trzeba ustawić wilekośc diva strona. A potem inne na stronie.

odpowiedź 4 listopada 2015 przez grze848 Początkujący (480 p.)
edycja 4 listopada 2015 przez grze848

odpowiedź 4 listopada 2015 przez grze848 Początkujący (480 p.)

Dziękuję wszystkim za odpowiedzi. Temat można zamknąć.

komentarz 4 listopada 2015 przez xR Mądrala (6,260 p.)

Sam możesz zamknąć w prawym dolnym rogu swojego pytania :)

komentarz 5 listopada 2015 przez grze848 Początkujący (480 p.)

Ok, jeszcze raz wielkie dzięki.

Podobne pytania

+2 głosów

4 odpowiedzi 14,492 wizyt

Dopasowanie wysokości zdjęcia do diva

pytanie zadane 28 lipca 2015 w HTML i CSS przez ewelina.r Nowicjusz (210 p.)

0 głosów

2 odpowiedzi 497 wizyt

jak wybrać drugiego diva i nadać mu właściwości? potrzebuję przypomnienia

pytanie zadane 24 kwietnia 2022 w HTML i CSS przez Tilfet Użytkownik (800 p.)

0 głosów

3 odpowiedzi 1,095 wizyt

Jak zrobić dwa efekty :hover po najechany na jednego diva?

pytanie zadane 29 marca 2018 w HTML i CSS przez lukasz281992 Nowicjusz (190 p.)

Dopasowanie wielkości jednego diva do drugiego

Zaloguj lub zarejestruj się, aby skomentować.

5 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci