[Tex/LaTex] Tcolorbox sidebyside right side “top align” problem

tcolorboxvertical alignment

When a tcolorbox is inside the right side of a sidebyside tcolorbox, it is vertically centered. Using \vfill or align = top doesn't put the tcolorbox at the top of the right side. The space between the tcolorbox and the upper part of the right side is variable. Is there a way to put the tcolorbox at the right side top?

Tcolorboxes in the right side: centered.

\documentclass[]{article}

\usepackage[skins,listings,breakable,listingsutf8,theorems,hooks,fitting]{tcolorbox}%

\begin{document}

\begin{tcolorbox}[adjusted title= First Outer Box,sidebyside]
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
\tcblower
Variable vertical space
\begin{tcolorbox}[adjusted title=First Box Right Side]
Inside 1st box
First Outer Box
\end{tcolorbox}
\begin{tcolorbox}[adjusted title=Second Box Right Side]
Inside 2nd box
First Outer Box
\end{tcolorbox} 

\end{tcolorbox} % first outer box

\begin{tcolorbox}[adjusted title= Second Outer Box,sidebyside]
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
\tcblower
Variable vertical space.
\begin{tcolorbox}[adjusted title=First Box Right Side]
Inside 1st box
Second Outer Box
\end{tcolorbox}
\begin{tcolorbox}[adjusted title=Second Box Right Side]
Inside 2nd box
Second Outer Box
\end{tcolorbox} 
\end{tcolorbox} % first outer box
\end{document}

enter image description here

Best Answer

You can use the sidebyside align key (possible values are top, bottom and, the default, center):

\documentclass[]{article}

\usepackage[skins,listings,breakable,listingsutf8,theorems,hooks,fitting]{tcolorbox}%

\begin{document}

\begin{tcolorbox}[adjusted title= First Outer Box,sidebyside,sidebyside align=top]
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
\tcblower
Variable vertical space
\begin{tcolorbox}[adjusted title=First Box Right Side]
Inside 1st box
First Outer Box
\end{tcolorbox}
\begin{tcolorbox}[adjusted title=Second Box Right Side]
Inside 2nd box
First Outer Box
\end{tcolorbox} 

\end{tcolorbox} % first outer box

\begin{tcolorbox}[adjusted title= Second Outer Box,sidebyside,sidebyside align=top]
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
Left side of Outer Box\\
\tcblower
Variable vertical space.
\begin{tcolorbox}[adjusted title=First Box Right Side]
Inside 1st box
Second Outer Box
\end{tcolorbox}
\begin{tcolorbox}[adjusted title=Second Box Right Side]
Inside 2nd box
Second Outer Box
\end{tcolorbox} 
\end{tcolorbox} % first outer box
\end{document}

enter image description here

Related Solutions

[Tex/LaTex] spacing between text and frame of table

You must set keys of colorbox: left, right, top, bottom to 0pt, and width of the inserted image to \linewidth

\documentclass[12pt]{book}
\usepackage{lettrine}
\usepackage[explicit]{titlesec}
\usepackage{xcolor}
\usepackage[many]{tcolorbox}
\usetikzlibrary{calc}
\usepackage[utf8]{vietnam}
\usepackage{fancyhdr}
\usepackage[explicit]{titlesec}
\usepackage[unicode]{hyperref}
\usepackage{amsmath}
\usepackage{graphicx}
\usepackage{tcolorbox}

\definecolor{myblue}{RGB}{0,163,243}

\newtcolorbox[auto counter, number within = chapter]{bang}[1][]{
colframe = myblue,
colback  = white,
coltitle = white,  
outer arc=0pt,
arc=0pt,
left=0pt,
right=0pt,
top=0pt,
bottom=0pt,
title    = {\bf Bảng ~\thetcbcounter} ,
#1,
}
\begin{document}
\begin{bang}
\includegraphics[width=\linewidth]{example-image-a}%{image/Chapter10/table10-1.png}
\end{bang}
\end{document}

[Tex/LaTex] Natural vertical space before tcolorbox with increased line spacing

There are many vertical lengths in a tcolorbox to make their own space Thus, instead of fight with options before, after, after skip, etc., to look like there is not any tcolorbox, I would make my own macro with a simple vertical box:

\def\vrgbox#1#2{
\vspace{\abovedisplayskip}
{\color{gray}\vrule width 1pt}\hskip1em 
\vbox{\hsize\dimexpr\linewidth-1em-1pt-\parindent \parindent0pt
{\bfseries #1}\par#2}}

Or a minipage:

\def\vrgbox#1#2{\vspace{\abovedisplayskip}
{\color{gray}\vrule width 1pt}\hskip1em
\begin{minipage}{\dimexpr\linewidth-\parindent-1em-1pt}
{\bfseries#1}\par#2\end{minipage} }

In both cases the result is:

THe MWE with the second macro:

\documentclass{article}
\usepackage{xcolor}
\usepackage{setspace}
\doublespacing
\def\vrgbox#1#2{\vspace{\abovedisplayskip}
{\color{gray}\vrule width 1pt}\hskip1em
\begin{minipage}{\dimexpr\linewidth-\parindent-1em-1pt}
{\bfseries#1}\par#2\end{minipage} }

\begin{document}

I'm the first paragraph to demonstrate 
normal spacing between paragraphs.

I'm the paragraph before the box.  
I'm long enough to demonstrate the double line spacing.

\vrgbox{Im the title line}{I'm the paragraph in the box.  
I'm also long enough to demonstrate the double line spacing.}

I'm the paragraph after the box.

\end{document}

Best Answer

Related Solutions

[Tex/LaTex] spacing between text and frame of table

[Tex/LaTex] Natural vertical space before tcolorbox with increased line spacing

Related Question