✔ Layout verschiebt sich im Netscape, Opera und Firefox

[partykiller]

Hallo,
bin dabei mein erstes Layout nur mit css zu machen was bis jetzt auch ganz gut funktioniert hat aberr leider nur im IE den in allen anderen Browser verschiebt sich der Footer hintergrund und rahmen nach oben unter den Header, alerdings bleibt der Text im Footer an der Stelle wo er hingehört.

Hier mein erster Versuch

Weiß zufällig jemand woran das liegt?

vielen Dank im vorraus

 

[Maik]

Hi,

es dürfte am fehlenden clear:left für den Footer liegen.

Und verwende anstelle der doppelt vorhandenen ID #content die Klasse .content, da diese im Dokument nicht eindeutig sein muß.

 

[partykiller]

Daran hat es leider nicht gelgen.

 

[Maik]

Es hat sehr wohl daran gelegen, nur hast du jetzt den Footer in die rechte Box verschoben.

Probier mal Folgendes:

• CSS:

/* aus */

#content{
margin: 40px 40px 40px 40px;
border: 1px solid green;
}


/* wird */

.content{
margin: 40px 40px 40px 40px;
border: 1px solid green;
}

• HTML:

<div id="eins"> <!--Aussen anfang-->
<div id="header">Header</div>         <!--Header-->

                <div id="links"><!--links anfang-->

                        <div id="menue_container">
                                <div id="menue">
                                        <a class="menue_link_top" href="#">Startseite</a>
                                        <a class="menue_link" href="#">Webdesign</a>
                                        <a class="menue_link" href="#">PC Service</a>
                                        <a class="menue_link" href="#">Shop</a>
                                        <a class="menue_link" href="#">Kontakt</a>
                                </div>
                        </div>

                </div><!--Links ende-->

        <div id="rechts"><!-- rechts anfang-->

                <div id="contentBox"><!--content anfang-->
                     <div class="content">Inhalt</div>
                     <div class="content">inhalt 2</div>
                </div>

        </div><!-- Rechts ende-->

<div id="footer">footer</div> <!--Footer-->
</div>          <!--Aussen ende-->

 

[partykiller]

Hab gar nicht gesehen das ich den irgendwie verschoben habe.
Hat jetzt auch wunderbar funktioniert.

Danke schön