Как сделать 3 тега div в одну строку? (CSS)

@jigernaut · Регистрация: 19.12.2013

Author24 — интернет-сервис помощи студентам

хочу сделать резиновый подвал с помощью css, использую div и вот такая проблема,при уменьшении окна браузера, теги div переносятся вниз.

HTML5

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
 <body>
<div id="col1"></div>
<div id="col2"></div>
<div id="col3"></div>
</body>
</html>

CSS

    #col1 {
    float:left;
    width:698px;    
    width: 33,3%; 
    height:200px;
     background:url(1.jpg) no-repeat;
    background-size:100%;
    
   }
 #col2 {
    float:left;
width:698px;
    width: 33,3%; 
 
    height:200px;
     background:url(2.jpg) no-repeat;
    background-size:100%;
    
   }
   #col3 {
    float:left;
width:698px;
 
    width: 33,3%;
    ;
    height:200px;
     background:url(3.jpg) no-repeat ;
    background-size:100%;
   }

@jigernaut · 03.06.2014, 12:57 **[ТС]**

пожалуйста помогите решить эту проблему

@motokraft · 03.06.2014, 13:21

col1 - выравнивание слева
col2 - выравнивание по центру
col3 - выравнивание справа

Добавлено через 1 минуту
есть еще вариант это использовать таблицу без указанной ширины

@Hagacure · 09.06.2014, 01:13

CSS

1	display : inline;

@Taatshi · 09.06.2014, 22:07

min-width для body задайте

@jigernaut · 10.06.2014, 09:32 **[ТС]**

спасибо

@Lovrentiy · 10.06.2014, 21:04

CSS

{
display:inline-block;
width:33%;
border:none;
margin:0;
padding:0;
}

@jigernaut 0 / 0 / 0 Регистрация: 19.12.2013 Сообщений: 20
	03.06.2014, 12:57 [ТС]	2
	пожалуйста помогите решить эту проблему 0

@motokraft 138 / 138 / 29 Регистрация: 06.08.2013 Сообщений: 878 Записей в блоге: 3
	03.06.2014, 13:21	3
	col1 - *выравнивание слева* col2 - *выравнивание по центру* col3 - *выравнивание справа* Добавлено через 1 минуту есть еще вариант это использовать таблицу без указанной ширины 0

@Taatshi Администратор 12268 / 5333 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	09.06.2014, 22:07	5
	min-width для body задайте 0

@jigernaut 0 / 0 / 0 Регистрация: 19.12.2013 Сообщений: 20
	10.06.2014, 09:32 [ТС]	6
	спасибо 0

	10.06.2014, 21:04