HTML i CSS uklad divow

pytanie zadane 12 kwietnia 2017 w HTML i CSS przez pokrywa1 Użytkownik (990 p.)

https://scr.hu/NNWloP <----- to jest projekt

https://scr.hu/1p3Oee <---- tak wygladu umieszczenie poki co

problem jest w tym ze nie umiem umiescic diva "uslugi" oraz "kontakt" pod "o firmie" poniewaz gdy daje te oba divy one ustawiaja sie obok siebie lecz dopiero pod "news" a nie po jego lewej stronie. wiecie moze w czym jest problem ? domyslam sie ze moglem cos niejasno napisac wiec jak cos to w komentarzach dopowiem.

komentarz 12 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title></title>
	
	<meta name="description" content="Opis w Google" />
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
    <link rel="Stylesheet" type="text/css" href="style.css" />
    
	
</head>

<body>
    
    <div id="container">
    
        <div id="logo">
        
        </div>
        
        <div id="opis">
        
        </div>
        
        <div id="zdj">
        
        </div>
        
        <div id="firma">
        
        </div>
        
        <div id="news">
        
        </div>
        
        <div id="sklep">
        
        </div>
        
        <div id="kontakt">
        
        </div>
        
    </div>
	
	
</body>
</html>

komentarz 12 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)

body
{
    
}

#container
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    min-height: 1300px;
    background-color: grey;
    
    
}

#logo
{
    margin-bottom: 20px;
    padding: 10px;
    width: 980px;
    height: 90px;
    background-color: aqua;
    
}

#opis
{
    margin-left: 20px;
    
    padding: 10px;
    width: 360px;
    height: 350px;
    float: left;
    background-color: aquamarine;
}


#zdj
{
    margin-left: 20px;
    padding-bottom: 10px;
    float: left;
    height: 360px;
    width: 560px;
    background-color: crimson; 
}


#firma
{
    clear: both;
    float: left;
    margin: 20px;
    padding: 10px;
    width: 580px;
    height: 280px;
    background-color: brown;
}


#news
{
    padding: 10px;
    margin: 20px;
    float: left;
    height: 580px;
    width: 300px;
    background-color: blue;
}


#sklep
{
    padding: 10px;
    margin: 20px;
   
    
    width: 300px;
    height: 300px;
    background-color: azure;
}

#kontakt
{
    
}

2 odpowiedzi

odpowiedź 12 kwietnia 2017 przez mtk3d Nałogowiec (46,690 p.)
wybrane 12 kwietnia 2017 przez pokrywa1

Najlepsza

Byłoby łatwiej z kodem, ale po tym co jest na screenach, to domyślam się, że dajesz każdego diva osobno.
"O firmie", "Usługi" i "Kontakt" musisz umieścić razem w div,, który będzie po lewej stronie i wtedy dla "O firmie" szerokość 100%, a dla "Usługi" i "Kontakt" po 50%. Za tym wszystkim dopiero dodajesz "News".

komentarz 12 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)

jest podany kod :)

komentarz 12 kwietnia 2017 przez mtk3d Nałogowiec (46,690 p.)

Nie wiem po co tak w komentarzach, ale dobra.
No więc tak jak ci napisałem musisz umieścic te 3 divy dla lewej części strony w jeden cały div.

komentarz 12 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)

okej dzieki :)

odpowiedź 12 kwietnia 2017 przez Lid$ Mądrala (6,300 p.)

No bo musisz usługi i kontakt umieścić w kontenerze obejmującym a potem dać odpowiednie pozycjonowanie. Blok o firmie i kontener obejmujący z (uslugi i kantakt) dodajesz do bloku obejmującego i znowu dodajesz odpowiednie pozycjonowanie. Następnie blok obejmujący z (o firmie i (uslugi i kontakt)) i (news) dodajesz do bloku obejmującego z odpowiednim pozycjonowaniem. Wtedy będzie wszystko trzymało się kupy. A jak nie wiesz o czym piszę to poczytaj sobie tutaj ;) http://www.kurshtml.edu.pl/css/wstep,elastyczne.html