Padding проблем

[Foxy]

Здравейте! Имам div, в който има друг div. Задавам на главния div padding-top: 10px;
но diva в него се изместа и той на долу и се разваля цялата работа. Как да направя дива вътре да не се измества надолу?

 

[2SHAE]

Ами като си му сложил padding-top как няма да се измества надолу пробвай само със padding: 10px

 

[JusT]

пробвай като дадеш на долния див му задай

padding-bottom:0;

 

[Foxy]

не стана -

вижте дива как е отишъл надолу

 

[JusT]

я дай поголяма снимка да видим

 

[Foxy]

 

[FRGT10]

Ако дадеш на другия div padding-top: -10px; ?

 

[emagi]

Ето какво предлагам аз:

<!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=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width:400px;
height:400px;
border:solid 1px red;
position:relative;
padding-top:50px; /* пробвай да промениш стойността */
}
#second {
width:100px;
height:100px;
border:solid 1px blue;
position:absolute;
top:20px;
left:40px;
}
</style>
</head>

<body>
<div id="main">
<div id="second"></div>
</div>
</body>
</html>

Сега колкото и да променяш padding-a, разтоянието от горния ръб на основния див спрямо гоорния ръб на вложения див няма да се промени

 

[Foxy]

Ето какво предлагам аз:

<!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=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width:400px;
height:400px;
border:solid 1px red;
position:relative;
padding-top:50px; /* пробвай да промениш стойността */
}
#second {
width:100px;
height:100px;
border:solid 1px blue;
position:absolute;
top:20px;
left:40px;
}
</style>
</head>

<body>
<div id="main">
<div id="second"></div>
</div>
</body>
</html>

Сега колкото и да променяш padding-a, разтоянието от горния ръб на основния див спрямо гоорния ръб на вложения див няма да се промени

не става и така. искам просто вътрешният див да е допрян отгоре въпреки, че има падинг

 

[emagi]

Как да не става.Ти разцъка ли кода малко?

<!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=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width:400px;
height:400px;
border:solid 1px red;
position:relative;
padding-top:50px; /* пробвай да промениш стойността */
}
#second {
width:100px;
height:100px;
border:solid 1px blue;
position:absolute;
top:0px;
left:40px;
}
</style>
</head>

<body>
<div id="main">
<div id="second"></div>
</div>
</body>
</html>

 

[Foxy]

Как да не става.Ти разцъка ли кода малко?

<!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=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width:400px;
height:400px;
border:solid 1px red;
position:relative;
padding-top:50px; /* пробвай да промениш стойността */
}
#second {
width:100px;
height:100px;
border:solid 1px blue;
position:absolute;
top:0px;
left:40px;
}
</style>
</head>

<body>
<div id="main">
<div id="second"></div>
</div>
</body>
</html>

естествено

div.body {
width: 890px;
height: 500px;
background-color: #fff;
padding-left: 10px;
text-align: justify;
position: relative;
padding-top: 10px;
}

div.car {
width: 140px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
float: right;
top: 0px;
}

 

[emagi]

естествено

Защо ли не ти вярвам!

<!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=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
.body {
width: 890px;
height: 500px;
background-color: #fff;
padding-left: 10px;
text-align: justify;
position: relative;
padding-top: 100px;
border:solid 1px red;
}
.car {
width: 140px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
top: 0px;
border:solid 1px blue;
position:absolute;
left:740px; /* от тук си намества разтоянието от левия ръб на главния див */
}
</style>
</head>

<body>
<div class="body">
<div class="car"></div>
</div>
</body>
</html>

 

[Foxy]

стана emagi +1