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 ...
|