CSS - 3 Bereiche auf eine Höhe (Browserunabhängig)

[monkeybusiness]

Hallo allersteits,

bei meiner Seite tritt folgendes Problem auf. Ich möchte die Bereiche , die in einer Stylesheets Datei definiert sind im Firefox sowie im IE auf gleicher Höhe anordnen. Bisher wird die Höhe in verschiedenen Browsern immer etwas verschoben.

Die Dateien sind in diesem Thread von mir:
http://www.tutorials.de/forum/css/290949-hintergrundbild-im-masthead-error.html

und es geht um die Bereiche : "NavBar" , "Headlines" und "Content".

Wäre super wenn ihr einen Tipp für mich habt.

LG,
Timmy

 

[Maik]

Hi,

wenn ich im derzeit inhaltsleeren DIV #search einen Inhalt einsetze, und für das DIV #headlines den oberen Innenabstand auf null setze, sitzen die drei Spalten in beiden genannten Browsern auf einer Höhe.

Übrigens sind das img- und br-Element keine Nachfolgeelemente des ul-Elements und gehören daher an dieser Stelle entfernt:

<div id="navBar">
  <div id="search">search</div>
  <div id="sectionLinks">
    <ul>
        <img src="img/blackpixel.jpg" width="1" height="16"><br>
        <li><a href="index2.html"> Start</a></li>
        <li><a href="index2.html">Dia-Shows</a></li>
        <li><a href="#">Bild-Archiv</a></li>
        <li><a href="#">Presseportal</a></li>
        <li><a href="#">Wir über uns</a></li>
        <li><a href="#">Info-Service</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">Kontakt</a></li>
        <li><a href="index2.html">Impressum</a></li>
        </li>
        </li>
    </ul>
  </div>
  ...
</div>