mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 05:47 Benutzername: Passwort: Auto-Login

Thema: css: margin-left im ie 5 bis 6 vom 27.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css: margin-left im ie 5 bis 6
Autor Nachricht
badris
Threadersteller

Dabei seit: 27.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 27.10.2007 15:39
Titel

css: margin-left im ie 5 bis 6

Antworten mit Zitat Zum Seitenanfang

Hallo

Hat jemand eine Idee weshalb der IE den Abstand der Navigation links falsch darstellt?

Dank und Gruss

Website


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dorfsch&uuml;r Nesselnbach</title>
</head>
<body>
<div id="seite">
<div id="top"><dedi:lay type="container" id="10" title="navigation_service"/></div>
<img src="media/img/top_img.jpg" alt="Bild Dorfsch&uuml;r" class="top_img" />
<div id="navigation"><dedi:lay type="container" id="20" title="navigation"/></div>
<div id="content"><dedi:lay type="container" id="30" title="content"/></div>
</div>
<dedi:lay type="config"/>
</body>
</html>


Code:
/*
 * Allgemein
 *****************************************************************************/

html, body, div, span, a, table, td, form, img {
   margin:0;
   padding:0;
   font-family: Arial, Helvetica, sans-serif;
}

html, body {
   font-size: 100.01%;
   text-align:center;
   height:100%;
}

a:link {
   color: #666;
   text-decoration: underline;
}

a:visited {
   color: #333;
   text-decoration: underline;
}

a:hover {
   color: #f60;
   text-decoration: underline;
}

a:active {
   color: #f60;
   text-decoration: underline;
}

img {
   border: 0;
}

h1 {
   font-size: 1.0em;
   color: #f60;
   margin: 10px 0px 10px 0px;
}

h2 {
   font-size: 0.8em;
   color: #f60;
   margin: 10px 0px 0px 0px;
}

p, ul {
   font-size: 0.75em;
   line-height: 1.5em;
   color: #666;
   margin: 10px 0px 0px 0px;
   text-align:left;
}

label, input, select { /* Alle Labels UND Formularelemente auswählen */
  font-size: 0.75em;
  line-height: 1.5em;
  color: #666;
  display: block;
  float: left;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

textarea {
  width: 300px;
  height:150px;
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

.strong {
   font-weight: bold;
}

.center {
   text-align: center;
}

.content_img {
  float:right;
  display: block;
  clear: right;
}
 
/*
 * Layout
 *****************************************************************************/

div#seite{
 margin:0 auto;
 width:836px;
 background: url(http://www.dorfschuer.ch/media/img/bg.gif) repeat-y;
 min-height:100%;
 overflow:auto;
}

div#top {
  background: url(http://www.dorfschuer.ch/media/img/top.gif) no-repeat;
  margin-left:38px;
  height:34px;
  }

.top_img {
  margin: 0 auto;
  display: block;
  }

div#navigation {
 text-align:left;
 margin-left:38px;
 width:190px;
 background: url(http://www.dorfschuer.ch/media/img/navi_bg.gif) repeat-x;
 float:left;
}

#navlist {
 padding: 1px;
 margin: 0;
 font-size: 13px;
}

#navlist li {
list-style: none;
margin: 0;
text-align: left;
border-bottom: 1px #666 dotted;
}

#navlist li a {
 display: block;
 padding: 0.25em 0.5em 0.25em 0.5em;
 text-decoration: none;
}

#navlist li li {
list-style: none;
padding-left: 10px;
text-align: left;
border-bottom: none;
}

#navlist li a:link {
 color: #666;
}

#navlist li a:visited {
 color: #666;
}

#navlist li a:hover {
 color: #f60;
 background: #CCC;
}

#navlistservice {
 padding:0;
 margin:0px 38px 0 0;
 font-size: 10px;
}

#navlistservice li {
list-style: none;
margin: 0;
padding-top:19px;
float:right;
}

#navlistservice li a {
 text-decoration: none;
}

div#content{
 text-align:left;
 margin-left:10px;
 margin-bottom:20px;
 width:560px;
 float:left;
}

div#mapcontainer{
 width:560px;
 height:420px;
}
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 27.10.2007 16:06
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.positioniseverything.net/explorer/doubled-margin.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
badris
Threadersteller

Dabei seit: 27.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 27.10.2007 17:04
Titel

Antworten mit Zitat Zum Seitenanfang

super, danke.

auch ne idee weshalb height:100% für den hintergrund ignoriert wird?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Margin oder nur left
margin left für aloe Browser
LEFT JOIN ?
JOIN LEFT
Div Float Left Problem
Problem mit Padding-Left
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.