 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Xaven
Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 25
Geschlecht: 
|
Verfasst Sa 13.05.2006 12:25
Titel [CSS] zu große Abstände in IE |
  |
|
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 12:26, insgesamt 1-mal bearbeitet
|
|
| |
   |
 |
Zeithase
Dabei seit: 09.05.2005
Ort: Arnstadt
Alter: 23
Geschlecht:
|
Verfasst Sa 13.05.2006 12:34
Titel
|
|
|
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. 
HTH,
der Zeithase.
|
|
| |
|
|
Xaven
Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 25
Geschlecht:
|
Verfasst Sa 13.05.2006 12:46
Titel
|
|
|
| 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.
HTH,
der Zeithase. |
Wordpress. Mehr sage ich zu meiner Verteidigung nicht. Alle anderen Umlaute hat er komischerweise richtig interpretiert.
|
|
| |
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 15.05.2006 07:33
Titel
|
|
|
| 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>
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 27
Geschlecht:
|
Verfasst Mo 15.05.2006 08:15
Titel
|
|
|
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 08:16, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
{css} variable abstände mit css?
abstände safari / ie
[Illustrator CS] Gleiche Abstände
Text-Block-Abstände
Listen abstände im ie6 (solved)
[HTML] Abstände zwischen Bildern (Liste)
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
