Liebe Gemeinde,
Ich habe folgendes Problem: Ein dreispaltiges Layout, bei der rechten Spalte soll die Überschrift, definiert durch das <.rightborder h1>-Tag direkt über dem <.rightborder p>-Tag sein. Also ohne Zeile oder Pixel dazwischen.
Wenn ich die Abstände global auf null setze wie im Beispiel unten, passt zwar die rechte Spalte, die abstandfreie Zone in der mittleren Spalte erfreut mich dann aber weniger.
a, abbr, acronym, address, b, blockquote, body, button, caption, cite, code, col, colgroup, dd, dfn, div, dl, dt, em, form, html, h1, h2, h3, h4, h5, hr, i, input, kbd, label, legend, li, ol, optgroup, option, p, q, samp, select, span, strong, sub, sup, textarea, ul {
margin : 0;
padding : 0;
}
Wenn ich margin/padding bei <.rightborder> auf 0 setze, bringt es nichts. Bei <.rightborder p> habe ich margin=0px und padding=2px (weil Rahmen drumherum), und die Überschrift <.rightborder h1> hat ebenfalls margin/padding 0. Trotzdem: Bei IE wie FF ist zwischen Überschrift und Text ein ca. eine Zeile breiter Zwischenraum.
Hingegen passt der Abstand zwischen Überschrift und Text beim News-Template für die rechte Spalte - weil ich dort aufs <p>-Tag vergessen habe.
Was kann/soll/muss ich machen?
Liebe Grüße aus Wien,
Herwig