Hello,
I'm trying to export a simple two columns web site, with a sidebar
shared by every page, and here is what I got.
The main file:
#+BEGIN_SRC org
#+TITLE: Testing two column layout
#+OPTIONS: toc:nil num:nil
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="style.css" />
#+INCLUDE: "sidebar.org"
* body
:PROPERTIES:
:CUSTOM_ID: mainbody
:END:
This is the body
It could be very long
But it's not
#+END_SRC
The sidebar:
#+BEGIN_SRC org
* sidebar
:PROPERTIES:
:CUSTOM_ID: sidebar
:END:
- with
- some
- items
#+END_SRC
The CSS stylesheet:
#+BEGIN_SRC css
#outline-container-mainbody {
margin-left: 200px;
background-color: #FFCCCC;
}
#outline-container-sidebar {
float: left;
width: 200px;
background-color: #FFFFCC;
}
#postamble {
clear: both;
}
h2 {
display: none;
}
#+END_SRC
I'm not very happy with the way I avoid displaying the headlines for
"body" and "sidebar" using CSS, and I was wondering if there was a
better way to do it.
Maybe a better question could be: if I want to introduce a "div"
element, is the canonical way to use a '*' with some property ?
Thanks,
Alan