Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Xaven
Threadersteller
Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht:
|
Verfasst Sa 13.05.2006 11: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 11:26, insgesamt 1-mal bearbeitet
|
|
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Sa 13.05.2006 11: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.
|
|
|
|
|
Anzeige
|
|
|
Xaven
Threadersteller
Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht:
|
Verfasst Sa 13.05.2006 11: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 06: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: 42
Geschlecht:
|
Verfasst Mo 15.05.2006 07: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 07:16, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ä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
|
|
|
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.
|
|