zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Unterschiedliche margin interpretation

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.02.2009, 14:44
Ovi Ovi ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2009
Beiträge: 2
Ovi befindet sich auf einem aufstrebenden Ast
Standard Unterschiedliche margin interpretation

Hallo miteinander,
ich hab folgendes Problem und hoffe hier Hilfe zu bekommen.
Und zwar hab ich diese Seite gemacht.
Problem ist nur, dass der IE 6 die Navigation zu weit nach links schiebt. Im FF ist die Positionierung Ok.
Bei der Änderung des margin Wertes habe ich gemerkt, dass der IE diesen Wert irgendwie anders interpretiert. Für den müsste die margin (div nav_wrapper) kleiner sein...

Hier der CSS Code (hab die Div in der ich das Problem vermute mal rot gemacht!)
Code:
/* Global: */
body {
	margin-top: 0px; 
	font-size: 11px; 
	line-height: normal;
	color: #000;
	background: #d4d4d4 url(../bilder/background.gif) repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	border-collapse: collapse;
}
a {
	color: #4b858a;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #68b4ba;
}
h1 {
	padding: 0;
	margin-bottom: 3px;
	margin-top: 0;
	font-size: 15px;
	font-weight: bold;
	background: url(../bilder/line.gif) no-repeat bottom left;
	line-height: 1.3;
}
h2 {
	font-size: 12px;
	font-weight: bold;
}

tr.zebra { 
	background-color: #CCCCCC; 
	color: black;
	line-height: normal; 
}
table {
	line-height: normal;
}


/* Layout */
.wrapper {
	width: 836px;
	margin: 0 auto;
}

#main {
	width: 836px;
	min-height: 500px;
	background: url(../bilder/main2.png) repeat-y;
}

.nav_wrapper {
	margin-left: 9px; 
	width: 190px;
	float: left;
	background: #f3f3f3; 
	border-right: 0px; 
	min-height: 500px;
}


#content {
	width: 610px;
	float: right;
	padding: 6px;
	padding-right: 20px;
}

.footer {
	text-align: center;
	color: #fff;
	line-height: 23px;
	height: 33px;
	background: url(../bilder/footer.png); 
}

.footer a {
	color: #fff;
	text-weight: bold;
}
.footer a:hover{
	color: #Cecece;
}

#menu, #menu ul
{
	padding: 0px;
	padding-top: 1px;
	margin: 0px;
}

#menu li
{
	list-style-type: none;
	font-weight: bold;
	cursor: pointer;
	display: block;
	background: #4b858a;
	line-height: 23px;
	text-indent: 1em;
	border-bottom: 1px solid #fff;
}

#menu a
{
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	background: #fff;
}

.border, .show {
	border-bottom: 1px solid #fff;
}



/* Hacks */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */



<![endif]-->



/*Formmailer*/

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	width: 430px; 
	padding-left: 0px;
	margin-left: 0px;
	
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
	visibility: hidden;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}
Gruß und schon mal danke!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.02.2009, 14:47
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

IE5/6 Doubled Float-Margin Bug - CSS fixes and workarounds
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.02.2009, 14:56
Ovi Ovi ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2009
Beiträge: 2
Ovi befindet sich auf einem aufstrebenden Ast
Standard

Wow .. stark. Danke!!
Das war ja einfacher als gedacht ... Muss man nur wissen .

Bis demnächst
Mit Zitat antworten
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 20:57 Uhr.