XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   ff ie8 negativer margin - HILFE!!!!!! (http://xhtmlforum.de/showthread.php?t=66823)

nixchecker 07.02.2012 00:58

ff ie8 negativer margin - HILFE!!!!!!
 
Ich wünsche allen einen wunderschönen guten abend! ... gut - jetzt ehrlich:

Erstmal ein lautes "hilfe" an alle - ich bin nervlich am Ende. Ich hab ein css gebastelt, was in Firefox perfekt läuft, aber im IE 8 nicht. Es geht nur um eine einzige kleinigkeit: IE8 akzeptiert meinen negativen margin nicht.


Code:

http://localhost:7566/baugebiete/index.html
http://localhost:7566/assets/sf.css

HTML, BODY, TD, INPUT, SELECT {

        font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

        font-size: 14px;

}

http://localhost:7566/assets/sd.css

#nav {

        position: absolute;

        top: 126px;

        left:0px;

        width: 740px;

        height: 16px;

        padding: 0px;

        padding-left:260px;

        margin: 0px;

        background-color:;

        overflow:hidden;

}



#plaintext {

        position: absolute;

        top: 10px;

        left: 61px;

}



#plaintext a {

        color: #703300;

        text-decoration: none;

}





#logo {

        float:right;       

        width: 700px;

        height: 0px;

        overflow:hidden;

       

}





#nav a {

        display: block;

        float: right;

        text-align: center;

        text-decoration : none;

        text-transform : uppercase;

        padding: 0px 15px 0px 15px;

        margin: 0px;

        font-size : 12px;

}



#nav a.active {

background-color: #1a0b9b;



}



#nav a:hover {

background-color: #f39938;



}



#home embed {

position: absolute;

top: 1px;

margin-left: -200px;

width: 1400px;

zoom: 1;

overflow: visible;



}



#content {



        float:left;

position: absolute;

top: 153px;



        width: 1000px;

        padding: 5px 5px 10px 5px;

        background-color:;

        border-top-color:;

        border-top-width:0px;

}



* html #content {



        padding: 5px 5px 10px 5px;

}













#multicolum{

          width: 100%;

            }

   

          #multicolum_left{

            width: 50%;

            float:left;





            }

   

          #multicolum_right{

            width: 50%;

            float: right;

            }



          #multicolum_clearer {

      clear: both;

            }









#mm {

position:absolute;

top:680px;

left:1000px;



width:91px;

height:202px;

background :url(../images/pmm.gif) ;

        background-repeat:no-repeat;

        background-position:bottom;

        }



/*

#subnav {

        float:right;

        background-color:#014da1;

        width: 500px;

        padding: 0px 0px 0px 0px;

       

}



* html #subnav {



        padding: 10px 0px 10px 0px;

       

}



#subnav a {

       

        display: inline;

        float: right;

        text-decoration : none;

        margin: 0px;

        color: #FFFFFF;

        font-size : 130%;

        /*background : url(../images/pbull.gif) no-repeat;*/

        width:80px;

        overflow:hidden;

        padding: 2px 10px 4px 10px;





}



#subnav a.active {

       

       

        width:80px;

        overflow:hidden;

        background-image : url(../images/back_subnav.gif);



}



* html #subnav a.active {

       

       

        width:80px;

        overflow:hidden;



}



#subnav a:hover {

       

        width:80px;

        background-image : url(../images/back_subnav.gif);

}



* html #subnav a:hover {

       

        width:80px;

        background-image : url(../images/back_subnav.gif);               

}



*/



#sidebar {

        position:absolute;

        background-color:#FFFFFF;

        top: 345px;

        left: 620px;

        width: 0px;

        padding-top: 5px;

        padding-left:5px;

        padding-right:5px;

        border-right-color: #00b1e6;

        border-right-style:solid;

        border-right-width:0px;

        border-top-color: #00b1e6;

        border-top-style:solid;

        border-top-width:1px;

}



* html #sidebar {



        width: 310px;



}









form.search {

        padding: 0px;

        margin: 20px 0px 20px 4px;

}



form.search input {

        margin: 0px;

        vertical-align : middle;

}



input.search {

        border : 1px solid #C0C0C0;

        width: 118px;

        padding: 2px;

        color: #CC9933;

        font-size: 10px;

}








http://localhost:7566/assets/sc.css

/* Content und Sidebar-Elemente */



body {

        height:100%;

        margin: 0px;

        padding: 0px 10px 10px 10px;

        background-image:url(../images/back_pl.gif);       

        background-repeat:repeat;       



        background: url(../images/pback.gif) top center no-repeat;

       







}









#content h1 {

        height:40px;

        font-size: 280%;

        font-weight : normal;

        margin: 0px;

        padding: 5px 0px 2px 0px;       

        color: #114783;

       

}



#content h2, #sidebar h2 {

        font-size: 100%;

        font-weight : bold;

        margin-bottom: 20px;

       

}



#content h2 {

        padding: 10px 0px 2px 0px;        color: #114783;

}



#sidebar h2 {

        padding: 2px 5px 2px 5px;       

        color: #114783;

        font-size: 100% !important;

       

}



#content h3 {

        font-size: 100%;

        font-weigth: bold;

        margin: 0px;

        padding: 2px 0px 2px 0px;       

        color: #000000;

}



#content p {

                margin: 0px;

        margin-right: 0px;

        padding: 5px 0px 5px 0px;       

        line-height: 120%;

        color:#00000;        font-size: 100%;

}



#sidebar p {

        width: 300px;

        margin: 0px;

        padding: 2px 5px 2px 5px;       

        line-height: 160%;

        color:#114783;

        font-size: 120%;

}





#sidebar img {

        padding: 0px 5px 0px 0px;       

        line-height: 160%;

}





#content a, #sidebar a {

        text-decoration: none;

        font-weight : bold;

        color: #114783;

}



#content a:hover, #sidebar a:hover {

        text-decoration: underline;

}



#content .sidepicture {

        float: left;

        padding: 5px 0px 5px 0px;

        margin: 4px 20px 4px 0px;

        width: 180px;

}





#content .clearer {

        clear: both;

}



#more {

        margin: 0px;

        padding: 20px 0px 0px 0px;

        text-align: right;

}



#more a {

        text-decoration : none;

        background : url(../images/pbull.gif) no-repeat;

        padding: 2px 0px 4px 15px;

        color: #114783 !important;

        font-weight: normal !important;

}





/* Liste */



#content ul, #sidebar ul {

        list-style: none;

        padding: 0px;

        margin: 6px 0px 6px 10px;

}



#content li, #sidebar li {

        padding: 2px 0px 2px 16px;

        background: url(../images/pbull.gif) no-repeat top left;

}



/* Tabelle */



#content table.cells {

        border: 0px solid #C0C0C0;       

}



#content td.cell {

        background-color: ;

}



#content td.headercell {

        background-color: #ffffff;

        color: #ffffff;

        font-weight: bold;

}



/* Teaser */



div.teaserelement {

        float: left;

        padding: 0px 20px 0px 0px;

        margin: 0px;

}



div.teaser {

        margin: 0px;

        padding: 2px 0px 2px 0px;       

}



div.teaserpicture {

        float: right;

        padding: 0px;

        margin: 4px 0px 10px 10px;

        border: none;

}



p.teasertext {

        margin: 0px;

        padding: 4px 0px 4px 0px;

}



.teasernav {

        clear: both;

        padding: 2px 0px 2px 0px;

        margin: 0px;

        text-align: center;

}



/* Absatztype Formular */



input.box {

        border : 1px solid #C0C0C0;

        width: 480px;

        vertical-align: top;

        padding: 1px;

        margin: 0px 0px 10px 14px;

}



form.formular textarea  {

        border : 1px solid #C0C0C0;

        width: 480px;

        height: 200px;

        vertical-align: top;

        padding: 1px;

        margin: 0px 0px 10px 14px;

}



form.formular .formcaption {

        width: 10px;

        line-height: 180%;

        float: left;

        clear: left;

}



form.formular .formnote {

        color: #CC9933;

        line-height: 160%;

        padding: 2px 0px 10px 192px !important;

}



.buttoncaption {

        line-height: 200%;

}





/* Plugin-Styles */



P.s2d  {

        font-size: 180%;

        color: #FFFFFF;

        font-weight : bold;

        margin: 0px;

        padding: 2px 0px 2px 0px;

        line-height: 200%;

}



P.s2dsmall  {

        font-size: 80%;

}



a.s2dsmall, a.s2dinfo  {

        text-decoration:underline !important;

}





#enclose {

        position: relative;

        left: 50%;

        margin: 0px 0px 0px -500px;

        padding-top:100px;

        width:1000px;

        height:767px;

       



        }


genaugenommen gehts um diesen Fetzen:


Code:

#home embed {

position: absolute;

top: 1px;

margin-left: -200px;

width: 1400px;

zoom: 1;

overflow: visible;



}

da wollt ich den Rahmen sprengen und eine riesen Animation (symmetrisch links und rechts 200 px raus) reinsetzen. Firefox=1a, sauber zentriert, IE zuckt nicht, das ganze bleibt links einfach hängen.

Hab noch nix hochgeladen, kanns aber gern tun.

Idee?

danke an alle ...

nixchecker 07.02.2012 01:18

hochgeladen...
 
ich habs hochgeladen unter:

Baugebiete

ff funzt - ie macht irgendwas.

hubspe 07.02.2012 08:45

Moin,

das div#enclose hat relative Verschiebung und einen großen negativen margin. Das kann eigentlich nicht gutgehen.
Wieso wurde das Element nicht mit einer Breite und margin: 0 auto; horizontal zentriert?

Es wurde alles mögliche absolut positioniert, Tabellen zur Gestaltung mißbraucht, Semantik hat scheinbar bei der HP kaum eine Rolle gespielt und die optische Qualität der komischen Senfdinger ist wahrhaft schröcklich. :shock:

Das Studium von Little Boxes ist unbedingt anzuraten! ;)

nixchecker 07.02.2012 11:26

Danke erstmal!
 
Ich habs sofort geändert, aber ändert sich nix. (und hochgeladen)

Zum Rest der Kritik:ich weiß- das ist ein verbasteltes css, das ursprünglich von data becker und so einem Baukastensystem stammt. Irgendwie ging da die Datenbank verloren, jetzt will es derjenige wieder mit content füllen wie vorher - aber als "special" eben die überbreite animation. Die Bilder hab ich irgendwo aus dem Netz - die Animation auch - nur um zu sehen wies aussieht! (das hat mit der Seite nix zu tun).

Gibts eine chance????????

Danke, nixchecker

cebito 07.02.2012 11:30

Zitat:

Zitat von nixchecker (Beitrag 511065)
Gibts eine chance????????

Neu machen, das bissl ist doch in NullKommaNix erledigt. Spart den Ärger mit dem Baukastenschrott...

nixchecker 07.02.2012 11:36

Bitte - wegen eines einzigen randes?
 
...wo der ganze rest läuft ? Auch wenn er noch so verbaut ist - never touch a running system! Und im FF gehts ja genauso wie es sein muss. Das kann doch nur ein my sein.....

fricca 07.02.2012 12:32

IE sieht kein embed, sondern ein object.

nixchecker 07.02.2012 12:38

Nochmal danke -
 
aber was heißt das genau? Wo muss ich WAS ändern? Ich bin kein css-spezialist...

fricca 07.02.2012 12:46

Das heißt, dass du das object-Element formatieren musst, nicht das embed.
Dafür muss man wirklich kein Experte sein.

nixchecker 07.02.2012 13:16

ich freu mich ja über euere Hilfe...
 
aber was heißt "das object-element" formatieren? Mir langt ein Code-schnipsel, ich muss es gar nicht verstehen...


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:24 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023