mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 23:48 Benutzername: Passwort: Auto-Login

Thema: [CSS] zu große Abstände in IE vom 13.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] zu große Abstände in IE
Autor Nachricht
Xaven
Threadersteller

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht: Männlich
Verfasst Sa 13.05.2006 11:25
Titel

[CSS] zu große Abstände in IE

Antworten mit Zitat Zum Seitenanfang

Servus!

Folgendes Problem:
Im Firefox stimmt mein Layout, im IE dagegen sind zwischen meinen Überschriften (h1) und den small Tags Leerzeilen, die so nicht im Quelltext stehen.

Bitte anschauen:
www.xaven.de/sites/falschrum.de

Quelltextauszug:
Code:
<div id="contentrechts" class="eintrag">
      <h1>Dauerwerbesendung</h1>
      <small>Konsumterror 24/7</small>
      <p><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/falschrum-banner.gif" alt="Banner für den falschrum shop"/></a></p>


CSS (komplett):
Code:

html,body{
text-align:center; /*Damit auch der IE weiß was abgeht*/
margin: 0;
}

#page{
   text-align:left;
   margin:0 auto;
   width:830px;
   border: 1px solid #007AA3;
}

#header{
   width: 800px;
}

#contentlinks{
   width:420px;
   float:left;
   padding: 40px 40px 40px 40px;
}

#contentrechts{
   width:330px;
   float:left;
   padding: 40px 0 40px 0;
}

#footer{
   clear:both;
}

.eintrag{
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 12px;
   line-height: 18px;
}

.postmetadata{
   padding: 0 0 0 14px;
   background:url(images/kommentar.gif) center left no-repeat;
}

h1, h2, h3 {
   font-family: Georgia, Times New Roman, Times, serif;
   font-weight: bold;
   color: #007AA3;
   }

h1 {
   font-size: 16px;
   line-height: 18px;
   }

h2 {
   font-size: 10px;
   }
   
small {
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 11px;
   line-height: 5px;
   color:#007AA3;
   }
   
hr {
   background-color: #007AA3;
   color: #007AA3;
   border: 0 none;
   height: 1px;
   width: 100%;
}

a img {
   border: 1px;
   border-style:solid;
   color: #007AA3;
   }

.bilder img {
   border: 0px;
   border-style:solid;
   color: #007AA3;
   background-color: #007AA3;
   }
   
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
   color: #007AA3;
   text-decoration: none;
   }

a:link {
   color: #007AA3;
   text-decoration: none;
   }

a:hover {
   color: #007AA3;
   text-decoration: underline;
   }
   
a:visited {
   color: #007AA3;
   text-decoration: none;
   }
   
a:active {
   color: #007AA3;
   text-decoration: none;
   }

#searchform {
   font-family: Georgia, Times New Roman, Times, serif;
   color:#007AA3;
   }
   
form#searchform input {
   width: 100px;
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 12px;
}

#searchsubmit {
   /* width:15px; bewirkt irgendwie nix */
   background-color: #FFFFFF;
}

.commentlist li, #commentform input, #commentform textarea {
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 12px;
   }
   
.commentlist li {
   font-weight: normal;
   }

.commentlist cite, .commentlist cite a {
   font-size: 12px;
   }

.commentlist p {
   line-height: 18px;   
   text-transform: none;
   }

#commentform p {
   font-family: Georgia, Times New Roman, Times, serif;;
   }

.commentmetadata {
   font-weight: normal;
   }
   
   #commentform input {
   width: 170px;
   padding: 2px;
   margin: 5px 5px 1px 0;
   }

#commentform textarea {
   width: 100%;
   padding: 2px;
   }

#commentform #submit {
   margin: 0;
   float: left;
   background-color: #FFFFFF;

   }
   
.commentlist {
   padding: 0;
   text-align: justify;
   }

.commentlist li {
   margin: 15px 0 3px;
   padding: 5px 10px 3px;
   list-style: none;
   }

.commentlist p {
   margin: 10px 5px 10px 0;
   }

#commentform p {
   margin: 5px 0;
   }

.nocomments {
   text-align: center;
   margin: 0;
   padding: 0;
   }

.commentmetadata {
   margin: 0;
   display: block;
   }


Wie kriegste ich den IE dazu die Abstände korrekt darzustellen?


Zuletzt bearbeitet von Xaven am Sa 13.05.2006 11:26, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Sa 13.05.2006 11:34
Titel

Antworten mit Zitat Zum Seitenanfang

Hat zwar nichts direkt mit Deinem Problem zutun, aber in Zeile 92 ist ein ISO-8859-codierter Umlaut, der da allerdings UTF-8 sein sollte. *zwinker*

HTH,
der Zeithase.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Xaven
Threadersteller

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht: Männlich
Verfasst Sa 13.05.2006 11:46
Titel

Antworten mit Zitat Zum Seitenanfang

Zeithase hat geschrieben:
Hat zwar nichts direkt mit Deinem Problem zutun, aber in Zeile 92 ist ein ISO-8859-codierter Umlaut, der da allerdings UTF-8 sein sollte. *zwinker*

HTH,
der Zeithase.


Wordpress. Mehr sage ich zu meiner Verteidigung nicht. Alle anderen Umlaute hat er komischerweise richtig interpretiert.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 15.05.2006 06:33
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<div id="contentrechts" class="eintrag">
      <h1>Dauerwerbesendung</h1>
      <small>Konsumterror 24/7</small>
      <p><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/falschrum-banner.gif" alt="Banner für den falschrum shop"/></a></p>


Keine Ahnung ob dir das weiterhilft, aber
<small> ist eine textauszeichnung - ebenso
wie <strong> <sub> etc... und kommt
eigentlich nur innerhalb eines <h1> <p>
etc.. vor und steht nicht alleine. Besser
wäre es also Du schreibst es so:
<h1>Dauerwerbesendung<br>
<small>Konsumterror 24/7</small></h1>
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 15.05.2006 07:15
Titel

Antworten mit Zitat Zum Seitenanfang

textauszeichnungen haben im ie und ff von haus aus andere innen- und außenabstände (vor allem p, h tags).
leg diese explizit fest, dann sieht es auch überall gleich aus (h1 { margin: 0; padding: 0;} [...]).


Zuletzt bearbeitet von sahnemuh am Mo 15.05.2006 07:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen EM Pixel und die Abstände
{css} variable abstände mit css?
<li> Abstände/Zwischenräume im IE
abstände safari / ie
[Illustrator CS] Gleiche Abstände
Logo: Proportionen & Abstände
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.