2015-01-08 2 views
0

Текст в блоке не обтекает изображение, и я не уверен, что настроить в css. Я хотел бы, чтобы это выглядело как этот imageТекст в квадратном столбце, не обтекающий изображение

Но в макете я сейчас - это выглядит как this

Я попытался положить переполнения: авто в BLOCKQUOTE CSS, но это делает BLOCKQUOTE совместите с текстом, так что он больше не позади изображения.

Это мой CSS:

<![CDATA[/* 
 
----------------------------------------------- 
 
Template Name : Lovebirds 
 
Author   : NewBloggerThemes.com 
 
Author URL  : http://newbloggerthemes.com/ 
 
Theme URL  : http://newbloggerthemes.com/lovebirds-blogger-template/ 
 
Created Date : Saturday, October 26, 2013 
 
License  : This template is free for both personal and commercial use, But to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors.For more information about this license, please use this link :http://creativecommons.org/licenses/by/3.0/ 
 
----------------------------------------------- */ 
 
body#layout ul{list-style-type:none;list-style:none} 
 
body#layout ul li{list-style-type:none;list-style:none} 
 
body#layout #secondary {padding:1%;} 
 
/* Variable definitions 
 
==================== 
 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
.section, .widget { 
 
margin:0; 
 
padding:0; 
 
} 
 
/* =Reset 
 
-------------------------------------------------------------- */.hentry 
 
html, body, div, span, applet, object, iframe, 
 
h1, h2, h3, h4, h5, h6, p, pre, 
 
a, abbr, acronym, address, big, cite, code, 
 
del, dfn, em, font, ins, kbd, q, s, samp, 
 
small, strike, strong, sub, sup, tt, var, 
 
dl, dt, dd, ol, ul, li, 
 
fieldset, form, label, legend, 
 
table, caption, tbody, tfoot, thead, tr, th, td { 
 
border: 0; 
 
font-family: inherit; 
 
font-size: 100%; 
 
font-style: inherit; 
 
font-weight: inherit; 
 
margin: 0; 
 
outline: 0; 
 
padding: 0; 
 
vertical-align: baseline; 
 
} 
 
html { 
 
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 
 
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ 
 
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
 
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
 
} 
 
body, .body-fauxcolumn-outer { 
 
background: #ffffff; 
 
} 
 
article, 
 
details, 
 
figcaption, 
 
figure, 
 
footer, 
 
header, 
 
hgroup, 
 
nav, 
 
section { 
 
display: inline; 
 
} 
 
aside { 
 
display: inherit; 
 
} 
 
ol, ul { 
 
list-style: none; 
 
} 
 
table { /* tables still need 'cellspacing="0"' in the markup */ 
 
border-collapse: separate; 
 
border-spacing: 0; 
 
} 
 
caption, th, td { 
 
font-weight: normal; 
 
text-align: left; 
 
} 
 
blockquote:before, blockquote:after, 
 
q:before, q:after { 
 
content: ""; 
 
} 
 
blockquote, q { 
 
quotes: "" ""; 
 
} 
 
a:focus { 
 
outline: thin dotted; 
 
} 
 
a:hover, 
 
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
 
outline: 0; 
 
} 
 
a img { 
 
border: 0; 
 
} 
 
/* =Global 
 
----------------------------------------------- */ 
 
body, 
 
button, 
 
input, 
 
select, 
 
textarea { 
 
color: #4b4b4a; 
 
font-family: Lato, sans-serif; 
 
font-size: 12px; 
 
font-size: 1.4rem; 
 
line-height: 1.2em; 
 
background-color:#fff; 
 
} 
 
/* Headings */ 
 
h1 { 
 
clear: both; 
 
color: #c98c87; 
 
font-family: Rochester, cursive; 
 
font-weight: normal; 
 
margin: 15px 0; 
 
} 
 

 
h2,h3,h4,h5,h6 { 
 
clear: both; 
 
color: #c98c87; 
 
font-family: Lusitana, "Times New Roman", serif; 
 
font-weight: normal; 
 
margin: 15px 0; 
 
} 
 
h1 { 
 
font-size: 180%; 
 
} 
 
h2 { 
 
font-size: 160%; 
 
} 
 
h3 { 
 
font-size: 140%; 
 
} 
 
h4 { 
 
font-size: 120%; 
 
} 
 
h5 { 
 
font-size: 100%; 
 
} 
 
h6 { 
 
font-size: 90%; 
 
} 
 
hr { 
 
background-color: #ccc; 
 
border: 0; 
 
height: 1px; 
 
margin-bottom: 1.5em; 
 
} 
 
/* Text elements */ 
 
p { 
 
margin-bottom: 1.5em; 
 
} 
 
ul, ol { 
 
margin: 0 0 1.5em 3em; 
 
} 
 
ul { 
 
list-style: disc; 
 
} 
 
ol { 
 
list-style: decimal; 
 
} 
 
ul ul, ol ol, ul ol, ol ul { 
 
margin-bottom: 0; 
 
margin-left: 1.5em; 
 
} 
 
dt { 
 
font-weight: bold; 
 
} 
 
dd { 
 
margin: 0 1.5em 1.5em; 
 
} 
 
b, strong { 
 
font-weight: bold; 
 
} 
 
dfn, cite, em, i { 
 
font-style: italic; 
 
} 
 
blockquote { 
 
background-color: #FFE0EC; 
 
padding-left: 15px; 
 
padding-right: 15px; 
 
padding-top: 15px; 
 
padding-bottom: 15px; 
 
margin-right: 50px; 
 
margin-left: 50px; 
 
border-left: 3px solid #b7bc99; 
 
} 
 
address { 
 
margin: 0 0 1.5em; 
 
} 
 
pre { 
 
background: rgba(70, 41, 23, .03); 
 
font-family: 10px; 
 
font-size: 1.1rem; 
 
line-height: 1.6; 
 
margin-bottom: 1.6em; 
 
padding: 1.6em; 
 
overflow: auto; 
 
max-width: 100%; 
 
} 
 
code, kbd, tt, var { 
 
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
 
} 
 
abbr, acronym { 
 
border-bottom: 1px dotted rgba(70, 41, 23, .5); 
 
cursor: help; 
 
} 
 
mark, ins { 
 
background: #fff9c0; 
 
text-decoration: none; 
 
} 
 
sup, 
 
sub { 
 
font-size: 75%; 
 
height: 0; 
 
line-height: 0; 
 
position: relative; 
 
vertical-align: baseline; 
 
} 
 
sup { 
 
bottom: 1ex; 
 
} 
 
sub { 
 
top: .5ex; 
 
} 
 
small { 
 
font-size: 75%; 
 
} 
 
big { 
 
font-size: 125%; 
 
} 
 
figure { 
 
margin: 0; 
 
} 
 
table { 
 
margin: 0 0 1.5em; 
 
width: 100%; 
 
} 
 
td { 
 
border-bottom: 1px solid rgba(70, 41, 23, .2); 
 
padding: 5px; 
 
} 
 
tr.alternate { 
 
background: rgba(0, 0, 0, .03); 
 
} 
 
th { 
 
background: #462917; 
 
color: #fff; 
 
font-weight: bold; 
 
padding: 5px; 
 
} 
 
button, 
 
input, 
 
select, 
 
textarea { 
 
font-size: 90%; /* Corrects font size not being inherited in all browsers */ 
 
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 
 
vertical-align: baseline; /* Improves appearance and consistency in all browsers */ 
 
*vertical-align: middle; /* Improves appearance and consistency in all browsers */ 
 
} 
 
button, 
 
input { 
 
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 
 
*overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ 
 
} 
 
button, 
 
html input[type="button"], 
 
input[type="reset"], 
 
input[type="submit"] { 
 
border: 1px solid #ccc; 
 
border-color: #ccc; 
 
border-radius: 3px; 
 
background: #cccccc; /* Old browsers */ 
 
background: -moz-linear-gradient(top, #cccccc 60%, #cccccc 100%); /* FF3.6+ */ 
 
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ 
 
background: -webkit-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ 
 
background: -o-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Opera 11.10+ */ 
 
background: -ms-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* IE10+ */ 
 
background: linear-gradient(top, #cccccc 60%,#cccccc 100%); /* W3C */ 
 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0); /* IE6-9 */ 
 
box-shadow: inset 0 2px 1px #fff; 
 
color: rgba(0,0,0,.8); 
 
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 
 
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 
 
font-size: 10px; 
 
font-size: 1.2rem; 
 
padding: .5em; 
 
text-shadow: 0 1px 0 rgba(255,255,255,.5); 
 
} 
 
button:hover, 
 
html input[type="button"]:hover, 
 
input[type="reset"]:hover, 
 
input[type="submit"]:hover { 
 
background: #f5f5f5; /* Old browsers */ 
 
background: -moz-linear-gradient(top, #cccccc 60%, #cccccc 100%); /* FF3.6+ */ 
 
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ 
 
background: -webkit-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ 
 
background: -o-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Opera 11.10+ */ 
 
background: -ms-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* IE10+ */ 
 
background: linear-gradient(top, #cccccc 60%,#cccccc 100%); /* W3C */ 
 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0); /* IE6-9 */ 
 
border-color: #cccccc; 
 
} 
 
button:focus, 
 
html input[type="button"]:focus, 
 
input[type="reset"]:focus, 
 
input[type="submit"]:focus, 
 
button:active, 
 
html input[type="button"]:active, 
 
input[type="reset"]:active, 
 
input[type="submit"]:active { 
 
border-color: #aaa #bbb #bbb #bbb; 
 
box-shadow: inset 0 2px 3px rgba(0,0,0,.15); 
 
box-shadow: inset 0 2px 2px rgba(0,0,0,.15); 
 
} 
 
input[type="checkbox"], 
 
input[type="radio"] { 
 
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ 
 
padding: 0; /* Addresses excess padding in IE8/9 */ 
 
} 
 
input[type="search"] { 
 
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 
 
-moz-box-sizing: content-box; 
 
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 
 
box-sizing: content-box; 
 
} 
 
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 
 
-webkit-appearance: none; 
 
} 
 
button::-moz-focus-inner, 
 
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 
 
border: 0; 
 
padding: 0; 
 
} 
 
input[type=text], 
 
input[type=email], 
 
textarea { 
 
color: #666; 
 
border: 1px solid #ccc; 
 
border-radius: 3px; 
 
} 
 
input[type=text]:focus, 
 
input[type=email]:focus, 
 
textarea:focus { 
 
color: #111; 
 
} 
 
input[type=text], 
 
input[type=email] { 
 
padding: 3px; 
 
} 
 
textarea { 
 
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 
 
padding-left: 3px; 
 
vertical-align: top; /* Improves readability and alignment in all browsers */ 
 
width: 98%; 
 
} 
 
/* Links */ 
 
a { 
 
color: #c98c87; 
 
text-decoration: none; 
 
} 
 
a:visited { 
 
color: #c98c87; 
 
text-decoration: none; 
 
} 
 
a:hover, 
 
a:focus, 
 
a:active { 
 
color: #37422a; 
 
text-decoration: underline; 
 
} 
 
/* Alignment */ 
 
.alignleft { 
 
display: inline; 
 
float: left; 
 
margin: 1em 1.5em 1em 0; 
 
} 
 
.alignright { 
 
display: inline; 
 
float: right; 
 
margin: 1em 0 1em 1.5em; 
 
} 
 
.aligncenter { 
 
clear: both; 
 
display: block; 
 
margin: 1em auto; 
 
} 
 
/* Text meant only for screen readers */ 
 
.assistive-text { 
 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
 
clip: rect(1px, 1px, 1px, 1px); 
 
position: absolute !important; 
 
} 
 
/* =Header 
 
----------------------------------------------- */ 
 
#masthead { 
 
margin: 50px auto 0; 
 
position: relative; 
 
width: 405px; 
 
z-index: 50; 
 
} 
 
#masthead hgroup { 
 
float: left; 
 
width: 25%; 
 
} 
 
#masthead .hgroupdiv { 
 
float: left; 
 
width: 25%; 
 
} 
 
#masthead #headersec-image { 
 
display: block; 
 
max-width: 250px; 
 
float: none; 
 
margin: 0 auto 30px auto; 
 
padding: 60px 0 0 0; 
 
} 
 
.site-description { 
 
color: #462917; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 16px; 
 
font-style: italic; 
 
margin: 10px 0; 
 
text-align: center; 
 
} 
 
.site-title, 
 
.site-title a { 
 
color: #e28880; 
 
font-family: Rochester, cursive; 
 
font-size: 160%; 
 
line-height: 90%; 
 
text-align: center; 
 
text-decoration: none; 
 
} 
 
.vines { 
 
background: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png') no-repeat center center; 
 
margin: 0 auto; 
 
width: 100%; 
 
height: 57px; 
 
} 
 
/* =Menu 
 
----------------------------------------------- */ 
 
.main-navigation { 
 
background: #b7bc99; 
 
color: #ffff; 
 
position: fixed; 
 
top: 0px; 
 
left: 0px; 
 
padding: 0 1.6em; 
 
text-align: center; 
 
width: 100%; 
 
z-index: 999; 
 
} 
 
.main-navigation ul { 
 
list-style: none; 
 
margin: 0; 
 
padding: 0; 
 
} 
 
.main-navigation ul li { 
 
display: inline; 
 
position: relative; 
 
} 
 
.main-navigation ul li:after { 
 
content: " o "; 
 
color: #fffff; 
 
font-size: 10px; 
 
text-transform: none; 
 
} 
 
.main-navigation ul ul li:after, 
 
.main-navigation ul > li:last-of-type:after { 
 
content: ""; 
 
} 
 
.main-navigation a { 
 
color: #fff; 
 
display: inline-block; 
 
font-size: 11px; 
 
line-height: 15px; 
 
padding: 7px 10px; 
 
text-decoration: none; 
 
text-transform: uppercase; 
 
} 
 
.main-navigation ul ul { 
 
background: #b7bc99; 
 
border: 1px solid #fff; 
 
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
 
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
 
box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
 
display: none; 
 
float: left; 
 
margin: 0; 
 
padding: 0; 
 
position: absolute; 
 
top: 1.7em; 
 
left: 0; 
 
z-index: 99999; 
 
} 
 
.main-navigation ul ul ul { 
 
left: 100%; 
 
top: 0; 
 
} 
 
.main-navigation ul ul a { 
 
color: #fff; 
 
width: 150px; 
 
} 
 
.main-navigation ul ul li { 
 
display: block; 
 
text-align: left; 
 
word-wrap: break-word; 
 
} 
 
.main-navigation ul li:hover > a { 
 
color: rgba(255,255,255,.5); 
 
border-bottom: 1px solid #cacaca; 
 
} 
 
.main-navigation ul li li:hover > a { 
 
color: #ebdad7; 
 
} 
 
.main-navigation ul ul li:hover > a { 
 
color: #462917; 
 
} 
 
.main-navigation ul ul a:hover { 
 
} 
 
.main-navigation ul li:hover > ul { 
 
display: block; 
 
} 
 
.main-navigation ul li.current_page_item a, 
 
.main-navigation ul li.current-menu-item a { 
 
color: rgba(255,255,255,.5); 
 
} 
 
.main-navigation ul li li.current_page_item a, 
 
.main-navigation ul li li.current-menu-item a, 
 
.main-navigation ul li.current_page_item ul li a, 
 
.main-navigation ul li.current-menu-item ul li a { 
 
color: #462917; 
 
} 
 
/* Small menu */ 
 
.menu-toggle { 
 
cursor: pointer; 
 
} 
 
.main-small-navigation .menu { 
 
display: none; 
 
} 
 
/* =Content 
 
----------------------------------------------- */ 
 
.sticky { 
 
} 
 
.hentry { 
 
background: #fff; 
 
clear: both; 
 
margin: 0 0 1.5em; 
 
padding: 0; 
 
} 
 
.entry-header { 
 
margin: 0 0 15px 0; 
 
} 
 
.hentry:before, 
 
.hentry:after { 
 
content: ""; 
 
display:table; 
 
} 
 
.hentry:after { 
 
clear: both; 
 
} 
 
.date-header { 
 
color: #bdbdbd; 
 
font-size: .8em; 
 
text-align: center; 
 
text-transform: uppercase; 
 
margin: 0; 
 
} 
 
.entry-title, 
 
.entry-title a { 
 
color: #e28880; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 1.5em; 
 
line-height:0.8em; 
 
text-align: center; 
 
margin: 0; 
 
text-decoration: none; 
 
} 
 
.vines { 
 
background: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png') no-repeat center center; 
 
margin: 0 auto; 
 
width: 100%; 
 
height: 57px; 
 
} 
 
.entry-meta { 
 
clear: both; 
 
font-size: 14px; 
 
text-transform: none; 
 
} 
 

 
footer.entry-meta { 
 
} 
 
footer.entry-meta div { 
 
} 
 
.comments { 
 
text-align: right; 
 
font-size: 14px; 
 
text-transform: none; 
 
} 
 

 
a.more-link { 
 
background: #462917; 
 
border-radius: 3px; 
 
clear: both; 
 
color: #fff; 
 
display: block; 
 
font-size: 75%; 
 
margin: 5px 0; 
 
padding: 7px; 
 
text-transform: uppercase; 
 
width: 150px; 
 
} 
 
.page-links { 
 
background: #462917; 
 
border-radius: 3px; 
 
clear: both; 
 
color: #fff; 
 
display: inline-block; 
 
font-size: 75%; 
 
margin: 5px 0; 
 
padding: 7px; 
 
text-transform: uppercase; 
 
} 
 
.page-links a { 
 
color: #fff; 
 
margin: 0 2px; 
 
} 
 
a.more-link:hover, 
 
.page-links a:hover { 
 
color: rgba(255,255,255,.5); 
 
text-decoration: none; 
 
} 
 
.byline { 
 
display: none; 
 
} 
 
.single .byline, 
 
.group-blog .byline { 
 
display: inline; 
 
} 
 
#content, 
 
.entry-summary { 
 
margin: 1.5em 0 0; 
 
} 
 
.entry-thumb { 
 
float: right; 
 
margin: 0 0 15px 15px; 
 
} 
 
.page-links { 
 
clear: both; 
 
margin: 0 0 1.5em; 
 
} 
 
h1.page-title { 
 
color: #462917; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 160%; 
 
margin: 10px 0; 
 
} 
 
.mejs-container, 
 
.post-format-content { 
 
margin-bottom: 1.5em; 
 
} 
 
.quickedit { 
 
display: none; 
 
} 
 
/* =Asides 
 
----------------------------------------------- */ 
 
.blog .format-aside .entry-title, 
 
.archive .format-aside .entry-title { 
 
display: none; 
 
} 
 
/* =Media 
 
----------------------------------------------- */ 
 
.site-header img, 
 
#content img, 
 
.comment-content img, 
 
.widget img { 
 
max-width: 100%; /* Fluid images for posts, comments, and widgets */ 
 
} 
 
.site-header img, 
 
#content img, 
 
img[class*="align"], 
 
img[class*="wp-image-"] { 
 
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 
 
} 
 
.site-header img, 
 
#content img, 
 
img.size-full, 
 
#secondary img { 
 
max-width: 100%; 
 
height: auto; 
 
} 
 
/* Make sure embeds and iframes fit their containers */ 
 
embed, 
 
iframe, 
 
object { 
 
max-width: 100%; 
 
} 
 
/* =Widgets 
 
----------------------------------------------- */ 
 
.sidebar .widget { 
 
border: 0; 
 
display: inline-block; 
 
font-size: 100%; 
 
margin: 0 0 1.5em; 
 
padding: 0 0 1.5em; 
 
width: 90%; 
 
word-wrap: break-word; 
 
} 
 
.sidebar .widget ul { 
 
list-style: none; 
 
margin: 0; 
 
padding: 0; 
 
} 
 
.sidebar .widget:last-of-type { 
 
border: 0px none; 
 
} 
 
h1.widget-title, 
 
h1.widget-title a { 
 
color: #e28880; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 1.7em; 
 
text-align: center; 
 
margin: 0; 
 
text-decoration: none; 
 
} 
 
.sidebar .widget h2, 
 
.sidebar .widget h2 a { 
 
color: #e28880; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 1.7em; 
 
text-align: center; 
 
margin: 0; 
 
text-decoration: none; 
 
} 
 
.sidebar .widget ul li { 
 
border : 0; 
 
padding: 5px 0; 
 
} 
 
.sidebar .widget ul li:first-child, 
 
.sidebar .widget ul li li { 
 
border-top: 0; 
 
} 
 
.sidebar .widget ul li:last-child { 
 
padding: 10px 0 0; 
 
} 
 
.sidebar .widget li ul { 
 
padding: 0 0 0 15px; 
 
} 
 
.sidebar .widget_flickr #flickr_badge_uber_wrapper { 
 
margin: 0; 
 
} 
 
.sidebar .widget_flickr #flickr_badge_wrapper { 
 
background: transparent; 
 
border: 0 none; 
 
} 
 
.sidebar .widget_flickr #flickr_badge_uber_wrapper td { 
 
border: 0 none; 
 
margin: 0 auto; 
 
} 
 
/* Search widget */ 
 
.widget_search { 
 
margin: 0 0 10px; 
 
text-align: center; 
 
padding: 0 0 10px 0; 
 
} 
 
#searchsubmit { 
 
display: none; 
 
} 
 

 

 
/* =Site Layout 
 
----------------------------------------------- */ 
 
#page { 
 
margin: 0 auto; 
 
position: relative; 
 
width: 1000px; 
 
} 
 
#page #site-description, 
 
#headersec, 
 
#nav-above { 
 
display: none; 
 
} 
 
#primary { 
 
float: right; 
 
margin: 0 0 0 -30%; 
 
width: 100%; 
 
} 
 
#content { 
 
margin: 5% 0 0 30%; 
 
min-height: 700px; 
 
} 
 
#secondary { /* Sidebar 1 */ 
 
float: left; 
 
overflow: hidden; 
 
width: 25%; 
 
} 
 
#tertiary { /* Sidebar 2 */ 
 
clear: left; 
 
} 
 
#colophon { 
 
clear: both; 
 
display: inline-block; 
 
font-size: 13px; 
 
margin: 30px 0; 
 
text-align: center; 
 
text-transform: none; 
 
width: 100%; 
 
} 
 

 
#comments .comment-author { 
 
padding-top: 1.5em; 
 
border-top: 1px solid #e7e7e7; 
 
background-position: 0 1.5em; 
 
} 
 
#comments .comment-author:first-child { 
 
padding-top: 0; 
 
border-top: none; 
 
} 
 
.avatar-image-container { 
 
margin: .2em 0 0; 
 
} 
 
#comments .avatar-image-container img { 
 
border: 1px solid transparent; 
 
} 
 
/* Comments 
 
----------------------------------------------- */ 
 
.comments .comments-content .icon.blog-author { 
 
background-repeat: no-repeat; 
 
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); 
 
} 
 
.comments .comments-content .loadmore a { 
 
border-top: 1px solid #999999; 
 
border-bottom: 1px solid #999999; 
 
} 
 
.comments .comment-thread.inline-thread { 
 
background-color: #eeeeee; 
 
} 
 
.comments .continue { 
 
border-top: 2px solid #999999; 
 
} 
 
/* =Responsive Layout 
 
----------------------------------------------- */ 
 
@media only screen and (min-width: 320px) and (max-width: 1024px) { 
 
#page { 
 
width: 100%; 
 
} 
 
#masthead { 
 
clear: both; 
 
width: 100%; 
 
} 
 
#masthead hgroup { 
 
clear: both; 
 
float: none; 
 
margin: 0 auto; 
 
padding: 10px 0; 
 
width: 100%; 
 
} 
 
#masthead .hgroupdiv { 
 
clear: both; 
 
float: none; 
 
margin: 0 auto; 
 
padding: 10px 0; 
 
width: 100%; 
 
} 
 
#masthead #headersec-image { 
 
margin: 0 auto; 
 
max-width: 300px; 
 
width: 70%; 
 
} 
 
#secondary { 
 
clear: both; 
 
float: none; 
 
margin: 1.5em 1.5em 0 1.5em; 
 
width: auto; 
 
} 
 
#primary { 
 
clear: both; 
 
float: none; 
 
margin: 0; 
 
width: 100%; 
 
} 
 
#content { 
 
margin: 2%; 
 
} 
 
img { 
 
width: 150px; 
 
} 
 
.hentry { 
 
border-top: 0px none; 
 
border-left: 0px none; 
 
border-right: 0px none; 
 
border-bottom: 0px none; 
 
margin: 0; 
 
} 
 
#colophon { 
 
background: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png') top center no-repeat; 
 
background-size: 200px auto; 
 
margin: 0; 
 
padding: 55px 0 0 0; 
 
text-align: center; 
 
} 
 
.main-navigation { 
 
float: none; 
 
margin: 0; 
 
padding: 0; 
 
width: 100%; 
 
} 
 

 

 
/* =Retina Images 
 
----------------------------------------------- */ 
 
@media \t only screen and (-moz-min-device-pixel-ratio: 1.5), 
 
only screen and (-o-min-device-pixel-ratio: 3/2), 
 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
 
only screen and (min-device-pixel-ratio: 1.5) { 
 
.vines { 
 
background-image: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png'); 
 
background-size: 200px auto; 
 
} 
 

 
.date-header { 
 
color: #dddddd; 
 
font-size: 0.8em; 
 
text-align: center; 
 
text-transform: uppercase; 
 
margin: 0; 
 
} 
 
.main .widget { 
 
margin: 0 0 5px; 
 
padding: 0 0 2px; 
 
} 
 
.main .Blog { 
 
border-bottom-width: 0; 
 
} 
 
#header .description { 
 
color:#ffffff; 
 
font-size:14px; 
 
text-shadow:0px 1px 0px #000000; 
 
} 
 
/* Comments----------------------------------------------- */ 
 
#comments { 
 
background: #fff; 
 
border: 0px none; 
 
clear: both; 
 
margin: 0 0 1.5em; 
 
padding: 1.5em; 
 
} 
 
#comments:before, 
 
#comments:after { 
 
content: ""; 
 
display:table; 
 
} 
 
#comments:after { 
 
clear: both; 
 
} 
 
#comments h4 { 
 
font-size:22px; 
 
margin-bottom:10px; 
 
} 
 
.deleted-comment { 
 
font-style: italic; 
 
color: gray; 
 
} 
 
#blog-pager-newer-link { 
 
float: left; 
 
} 
 
#blog-pager-older-link { 
 
float: right; 
 
} 
 
#blog-pager { 
 
text-align: center; 
 
padding:5px; 
 
} 
 
.feed-links { 
 
clear: both; 
 
} 
 
.comment-form { 
 
max-width: 600px; 
 
} 
 
#navbar-iframe { 
 
height: 0; 
 
visibility: hidden; 
 
display: none; 
 
} 
 
.PopularPosts .widget-content ul li { 
 
padding:6px 0px; 
 
} 
 
.reaction-buttons table{ 
 
border:none; 
 
margin-bottom:5px; 
 
} 
 
.reaction-buttons table, .reaction-buttons td{ 
 
border:none; 
 
} 
 
.bthumbimg { 
 
float:left; 
 
margin:0px 10px 5px 0px; 
 
background:none; 
 
padding:3px; 
 
border:0px none; 
 
} 
 
]]>

Я очень признателен за любую помощь в этом! Спасибо!

+0

Не могли бы вы создать пример минимального кода того, что происходит? Это гигантский блок, который пробирается сквозь него. – Brian

ответ

0

Ваш блок-образец имеет H4 внутри, который является блочным элементом, поэтому он сдвигается вниз. попробуйте это, это должно помочь вам.

blockquote h4 {display:inline-block;}