Jörg: Dreispaltiges CSS-layout - unerwünschter Abstand

SELF-Forum

Dreispaltiges CSS-layout - unerwünschter Abstand

Jörg
– Informationen zu den Bewertungsregeln

Hallo,
ich versuche mich gerade an einem dreispaltigem CSS-layout, wobei ich schon bei der ersten spalte ein problem habe:

http://www.digitales-lichtbild.de/css-versuch/index.html

Hier macht er mir bei der grünen Box einen unerwünschten 4px-Abstand zum oberen Banner, allerdings nur im Mozilla, der IE macht es "richtig"(?).
Zudem soll statt dem grün eigentlich eine Hintergrundgrafik erscheinen, wobei die Anzeige dazu einfach ignoriert wird.

Hier der Code:

<div id='seite'>
<img src='jpg/banner.jpg' alt='Banner' class='banner'><br>

<div id='sidebar'>
</div>
<div id='main'>
</div>
<p id='footer'>

</div>
</div>

CSS:

/* Hauptteil */

div#seite {
         margin-left:auto;
         margin-right:auto;
         margin-top:20px;
         padding:3px;
         width:765px;
         background:#FFFFFF;
  }
  img.banner {
         margin-left:auto;
         margin-right:auto;
         margin-top:0px;
         margin-bottom:0px;
         padding:0px;
  }
  div#sidebar {
         margin-top:0px;
         padding:0px;
         width:139px;
         background-color:#03D938;
         background-image:url(jpg/navi-hintergrund.jpg); <---- *
         background-repeat:repeat-y;
         height:200px;
  }

* wird einfach ignoriert (auch wenn ich die Angabe "background-color" rausnehme.

Kann mir da jmd weiterhelfen?

MfG,
Jörg

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Dreispaltiges CSS-layout - unerwünschter Abstand

    Jörg
    – Informationen zu den Bewertungsregeln

    mit

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">

    hab ich nun zumindest ersteres Problem behoben (unerwünschter Abstand).
    Allerdings ignoriert der IE nun die Angabe float:left; (rechte box erscheint unterhalb statt daneben).

    siehe: http://www.digitales-lichtbild.de/css-versuch/index.html

    Und die Hintergrundgrafik wird immer noch nicht angezeigt :(

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Dreispaltiges CSS-layout - unerwünschter Abstand

      Jonathan
      – Informationen zu den Bewertungsregeln

      Und die Hintergrundgrafik wird immer noch nicht angezeigt :(

      http://www.digitales-lichtbild.de/css-versuch/css/jpg/navi-hintergrund.jpg existiert ja auch nicht.

      Jonathan

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Dreispaltiges CSS-layout - unerwünschter Abstand

        Jörg
        – Informationen zu den Bewertungsregeln

        http://www.digitales-lichtbild.de/css-versuch/css/jpg/navi-hintergrund.jpg existiert ja auch nicht.

        Jonathan

        ok, das hab ich mittlerweile auch korrigiert, bzw. nun funktioniert es.

        Aber warum float:left vom IE ignoriert wird versteh ich immer noch nich :(.
        Kann mir da niemand weiterhelfen?

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln