проблем с дивове

P

pro12

Registered
Имам два дива как да ги направия като се намали браузера дивовете да не са един върху друг а един до друг?
[css]html {

height:100%;
background: url(http://vivaaa.netau.net/Untitled-12.gif) no-repeat center center;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
body {
text-align: center;

}
.p {

position:static;
margin-left:auto;
margin-right:auto;
height:700px;
width:760px;

background:#0000FF;

margin:0 auto;
margin-top: 273px;

}
.m {
margin-left:3px;
height:700px;
width:400px;
background:red;
margin-top: -666px;


} [/css]
 
Ако искаш да направиш няколко дива един до друг правиш следното:
HTML: 
<div id="div_wrap">
   <div id="left_div"></div>
   <div id="right_div"></div>
</div>

[css]
#div_wrap {width:1000px; height:100%; overflow:hidden;}
#left_div {width:500px; float:left;}
#right_div {width:500px; float:right;}[/css]

Като внимаваш основният див да е с дължина равна на сумата от другите два дива в него.

Дано съм помогнал
 
Aми aко дивa не съдържa нищо нямa кaк брaузърa дa ти го покaже
Пример:
<div id="ldiv">teks teks</div>

CSS:
#ldiv {
float : left;
width: chislopx;
height: chislopx;
background: orange;
}
и прaвиш другия див с float right и тaкa ще ти ги покaже един до друг.. ;)
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Match point тенис клуб " /> 
<meta name="keywords" content="Тенис клуб Match point, Match point тенис клуб, тенис ,  Match point , кортове , тенис комплекс" />
<meta name="GOOGLEBOT" content="index,follow" />
<meta name="ROBOTS" content="index,follow" />
<meta name="rating" content="GENERAL" />
<meta name="revisit-after" content="1 days" /> 
<meta name="geo.region" content="BG" />
<meta name="geo.placename" content="София" />
<meta name="geo.position" content="42.707353,23.312945" />
<meta name="ICBM" content="42.707353,23.312945" />
<meta name="googlebot" content="noodp" />
<meta name="slurp" content="noydir" />
<meta name="msnbot" content="noodp" />
<title>Tennis</title>
<link rel='shortcut icon' href='favicon.ico'/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
    <div id="div_wrap">
        <div id="left_div">
            <p>Това е див 1</p>
        </div>
        <div id="right_div">
            <p>Това е див 2</p>
        </div>
    </div>
</div>
</body>
</html>

[css]p,h1,h2,h3,h4,ul,a,img {
margin: 0;
padding: 0;
}

img {
border: none;
}

html,body {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color:#cd7f53;
line-height: 1.5em;
text-align: left;
margin: 0 auto;
padding: 0;
min-width:1000px;
}

#container {width:1000px; height:500px; margin:0 auto; border:1px solid #ccc;}
#div_wrap { width:800px; height:200px; border: 1px dashed #000; margin:0 auto;}
#left_div {width:300px; height:50px; float:left; border:2px solid #000;}
#right_div {width:300px; height:50px; float:right; border:2px solid #000;}[/css]

Копирай го това и виж как се получава. :?:

ПС: Като css файлът ти трябва да се казва style и да е в папка css. Ако го правиш едно към едно като мене.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе