Картинка накладывается на текст

Filberd · 30.05.2018, 02:31

Всем привет.
Можете подсказать, как сделать, чтобы картинка не накладывалась на текст?
https://codepen.io/Whitecolor/pen/MXWBvW

Код:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="container">
        <div class="news1">
        <h1>Rush to protect lucrative antibody patents kicks into gear</h1>
        <p id="header">A federal court decision has left universities and companies working to preserve intellectual property rights worth billions.</p>
        <p сlass="text">US universities and biotechnology companies are scrambling to protect some of their most valuable assets: patents on antibodies. These immune-system molecules form the basis of drugs that rake in about US$100 billion per year. But securing intellectual-property rights to antibodies has become much more difficult, under guidelines released in February by the US Patent and Trademark Office (USPTO). The revised rules come after a federal court decision last October narrowed the scope of antibody patents — including those that have already been handed out. “People are still trying to make sense of it,” says Ulrich Storz, a patent attorney at Michalski HГјttermann Partner in DГјsseldorf, Germany. “These were very powerful patents.” Storz and others will discuss the implications of the shift on 6 June as part of a panel at the Biotechnology Innovation Organization annual meeting in Boston, Massachusetts.</p>
        <p class="header_text">Broad protections</p>
        <p сlass="text">Antibodies are proteins made by the immune system that bind to a specific target, such as a protein produced by a microbe, to interfere with its ability to promote disease. This has made them powerful drugs against some illnesses.</p>
        <p сlass="text">Therapeutic antibodies are structurally complex, and many changes to their amino-acid sequences will not affect their function. So a patent based solely on an antibody’s sequence might be vulnerable to competition, says Barbara Rigby, a patent attorney at Dehns in Brighton, UK. A competitor could tweak the sequence to create a new antibody that performed the same function.</p>
        <p сlass="text">In addition, for many years researchers lacked the technology to characterize an antibody fully. Given these challenges, the USPTO routinely granted broad patents that covered the suite of antibodies that attached to a particular target, rather than a specific antibody developed by an inventor.</p>
        <div class="image"></div>
        <p class="header_text">Specifics, please</p>
        <p сlass="text">Over time, however, the technology for antibody analysis has improved. In 2014, two pharmaceutical heavyweights — Amgen of Thousand Oaks, California and Sanofi of Paris — launched a battle over patents covering a potentially lucrative antibody treatment for high cholesterol. The case reached a federal appeals court, where judges determined last year that inventors must provide a better description of the actual invention — a more defined set of antibodies — that they wanted to patent.</p>
        <p сlass="text">The USPTO responded with new guidelines for its examiners this year. Since then, patent rejections have piled up. A few weeks ago, patent attorney John Kilyk of Leydig, Voit Mayer in Chicago, Illinois, learned that an application he was handling had run into trouble. “It was sufficient a few months ago, and now it’s not,” he says.</p>
        <p сlass="text">The court ruling is retroactive, so the move also jeopardizes existing antibody patents. “There’s no doubt that the biotech companies that have been patenting antibodies are going to be harmed,” says Storz.</p>
        <p class="header_text">Devil in the details</p>
        <p сlass="text">Universities in particular might struggle to put together the information now needed to win an antibody patent, says Rodney Sparks, an attorney with the University of Virginia’s technology-transfer office in Charlottesville. Examiners are asking for more detail about the range of antibodies that can bind to a target, and specifically where on the target those antibodies will attach.</p>
        <p сlass="text">“In universities, our guys want to publish,” Sparks says. “We don’t have the ability, typically, early on to make lots and lots and lots of antibodies and screen for all of those characteristics.” As a result, he says, universities will need to file narrower patents covering only a few of the possible antibodies, and might struggle to find companies willing to license them.</p>
        <p сlass="text">And applicants are facing pushback from patent examiners who are extending the tightened rules on an invention’s written description to other kinds of patent applications, says Rigby. A broad patent for a method to treat disease by targeting a specific protein, she says, might now also be in question.</p>
        <p сlass="text">Yet the shift has been an unexpected boon to some companies. Benjamin Doranz, president of Integral Molecular, a company in Philadelphia, Pennsylvania, that produces and analyses antibodies, says that clients used to request analyses mainly to learn more about how their antibodies functioned. But increasingly, he says, the company’s data are being used to bolster patent applications. Some of its clients are now patent-law firms.</p>
        <p сlass="text">Patenting antibodies has become much more treacherous, Doranz says. “But they’re still of great value,” he says, “so everyone is trying to figure out the new patent landscape, and how do we navigate it.”</p>
        </div>
        <div class="news2">
        <h1>Asteroid that killed the dinosaurs caused massive global warming</h1>
        </div>
    </div>
</body>
</html>

Код:

* {
    margin: 0;
    padding: 0;
    background: Bisque;
}
 
.news1 {
    position: relative;
    top: 10px;
    background: Bisque;
    column-count: 6;
    text-align: justify;
    line-height: 1.2rem; 
    height: auto;
}
.news1>h1 {
    text-align: center;
    margin-bottom: 15px;
    column-span: all;
}
 
#header {
    font-style: italic;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    column-span: all;
}
.news1 p {
    margin-bottom: 15px;
}
 
.header_text {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.image {
    position: fixed;
    width: 300px;
    height: 200px;
    background-image: url("d41586-018-05273-z_15789198.jpg");
    background-position: top;
    background-repeat: no-repeat;
   
}
.news2 {
    position: relative;
    top: 20px;
    background: Bisque;
    column-count: 6;
    text-align: justify;
    line-height: 1.2rem; 
}
.news2>h1 {
    text-align: center;
    margin-bottom: 15px;
    column-span: all;
}

IronArgument · 30.05.2018, 13:27

Убрать для картинки "position: fixed;" и сделать картинку уже, чтобы она умещалась по ширине в размеры колонки.

Код HTML:

.image {
    width: 200px;
    height: 200px;
    background-image: url("d41586-018-05273-z_15789198.jpg");
    background-position: top;
    background-repeat: no-repeat;
}

Filberd · 31.05.2018, 01:54

Спасибо, можно вместо fixed указать relative

IronArgument · 31.05.2018, 11:51

Ширину картинки лучше задать не абсолютным значением, а на всю ширину текстовой колонки width: 100%;, т.к. ширина колонок может изменяться.

Filberd · 01.06.2018, 02:23

Цитата:

Сообщение от IronArgument

Ширину картинки лучше задать не абсолютным значением, а на всю ширину текстовой колонки width: 100%;, т.к. ширина колонок может изменяться.

Спасибо, переделал, так действительно лучше

30.05.2018, 13:27	#2 (permalink)
IronArgument Специалист Регистрация: 08.04.2015 Сообщений: 13,669 Сказал(а) спасибо: 107 Поблагодарили 56 раз(а) в 25 сообщениях Репутация: 76897	Убрать для картинки "position: fixed;" и сделать картинку уже, чтобы она умещалась по ширине в размеры колонки. Код HTML: .image { width: 200px; height: 200px; background-image: url("d41586-018-05273-z_15789198.jpg"); background-position: top; background-repeat: no-repeat; } __________________ Errare humanum est, stultum est in errore perseverare.

31.05.2018, 11:51	#4 (permalink)
IronArgument Специалист Регистрация: 08.04.2015 Сообщений: 13,669 Сказал(а) спасибо: 107 Поблагодарили 56 раз(а) в 25 сообщениях Репутация: 76897	Ширину картинки лучше задать не абсолютным значением, а на всю ширину текстовой колонки width: 100%;, т.к. ширина колонок может изменяться. __________________ Errare humanum est, stultum est in errore perseverare.

30.05.2018, 02:31
Helpmaster Member Регистрация: 08.03.2016 Сообщений: 0	Рекомендую прочитать обсуждаемые темы, наверняка там вы найдете важную информацию Ни одна картинка ни в одном браузере не показывается просто белый экран и текст? WPF, Вывести текст на экран текст Текст - картинка

31.05.2018, 01:54	#3 (permalink)
Filberd Member Регистрация: 17.03.2012 Адрес: Москва Сообщений: 141 Сказал(а) спасибо: 0 Поблагодарили 1 раз в 1 сообщении Репутация: 626	Спасибо, можно вместо fixed указать relative

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070