zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ff ie8 negativer margin - HILFE!!!!!!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.02.2012, 23:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.02.2012
Beiträge: 7
nixchecker befindet sich auf einem aufstrebenden Ast
Standard 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 ...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.02.2012, 00:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.02.2012
Beiträge: 7
nixchecker befindet sich auf einem aufstrebenden Ast
Standard hochgeladen...

ich habs hochgeladen unter:

Baugebiete

ff funzt - ie macht irgendwas.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.02.2012, 07:45
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

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.

Das Studium von Little Boxes ist unbedingt anzuraten!
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 07.02.2012, 10:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.02.2012
Beiträge: 7
nixchecker befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
  #5 (permalink)  
Alt 07.02.2012, 10:30
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von nixchecker Beitrag anzeigen
Gibts eine chance????????
Neu machen, das bissl ist doch in NullKommaNix erledigt. Spart den Ärger mit dem Baukastenschrott...
Mit Zitat antworten
  #6 (permalink)  
Alt 07.02.2012, 10:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.02.2012
Beiträge: 7
nixchecker befindet sich auf einem aufstrebenden Ast
Standard 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.....
Mit Zitat antworten
  #7 (permalink)  
Alt 07.02.2012, 11:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

IE sieht kein embed, sondern ein object.
Mit Zitat antworten
  #8 (permalink)  
Alt 07.02.2012, 11:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.02.2012
Beiträge: 7
nixchecker befindet sich auf einem aufstrebenden Ast
Standard Nochmal danke -

aber was heißt das genau? Wo muss ich WAS ändern? Ich bin kein css-spezialist...
Mit Zitat antworten
  #9 (permalink)  
Alt 07.02.2012, 11:46
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das heißt, dass du das object-Element formatieren musst, nicht das embed.
Dafür muss man wirklich kein Experte sein.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.02.2012, 12:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.02.2012
Beiträge: 7
nixchecker befindet sich auf einem aufstrebenden Ast
Standard 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...
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
z-index hoch, dennoch grafik nicht ganz oben bergg CSS 6 27.10.2010 16:02
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 14:30
Problem mit CSS in Joomla 1.5 noobilicius CSS 6 25.09.2008 20:24
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 22:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:52 Uhr.