[FloB]

Hi,

ich hab ein etwas seltsames Problem mit Abständen im IE.

Die Seite habe ich mit Typolight WebCMS erstellt. Zur Zeit ist die Seite nicht online, deswegen hab ich es in eine statische gewandelt und Pfade angepasst:
http://background.berthold-gymnasium.de/test/index.html

FF2 zeigt die Seite bei mir wie gewünscht an:


Aber bei IE (bei mir Ver. 7) sind die Ränder links zu groß:


Die interessante CSS-Datei dürfte diese sein: http://background.berthold-gymnasium.de/test/menu.css

Hat jemand 'ne Idee, was ich machen könnte (ohne Browserweiche - ich möchte alles so allgemein wie möglich halten)? Oder ist das wieder mal special behaviour das besondere Aufmerksamkeit für IE verlangt?

Wie siehts in anderen Browsern aus?

Danke!

Edit: Hab ich doch glatt das zweite Problem vergessen:
Der Footer wird im IE nicht zentriert .. was ist da das Problem?

[Eyüp]

ohne browserweichen geht da nix

kannst es mit

*html dein_div fixen

[FloB]

Sicher? Schade ... naja, ist dann wohl ein Fall für CC. Ich fix dann mal .. mit negativen margin? Oder lieber verschieben? Ach, so ein sch*iss...

[dago]

Arbeite hier mit padding nicht mit margin.

[dago]

Zitat von FloB

Edit: Hab ich doch glatt das zweite Problem vergessen:
Der Footer wird im IE nicht zentriert .. was ist da das Problem?

Bei aktuellen Browsern funktioniert: margin: 0 auto; beim zu zentrierendem Element. Bei älteren (ich glaub IE5.5) muss du beim oberem Element text-align: center; zuweisen.


Beispiel:

<style type="text/css">
#container
{
    text-align: center;
}
#block
{
    width: 400px;
    height: auto;
    
    margin: 0 auto;
    text-align: left;
}
</style>

<div id="container">
    <div id="block">
        <p>Hier der Text</p>
    </div>
</div> 

[FloB]

Ja das zweite Problem war auch recht einfach gelöst: Textausrichtung wird bei IE nicht an untergeordnete Elemente vererbt.

Beim ersten geht am besten ein position:relative; .