✔ Falsche Darstellung im IE7

Status
Nicht offen für weitere Antworten.
Den fehlenden Hintergrund beim Link "Kontakt" kann ich nicht bestätigen, dennoch solltest du die Pseudoklassen in der richtigen Reihenfolge nennen:

Code: 
a:link, a:visited {
text-decoration:none;
background-color:#6699FF;
color:#FFFFFF;
}

a:focus {
background-color: #CCFFFF;
color: #000000;
}

a:hover {
text-decoration:underline;
font-size: 15px;
}
 
Hallo,

Kann man ein Hintergrundbild von 1px Breite und 180px Höhe so einbinden das es nicht über die gesamte Breite geht?
CSS-Anweisung

body{
background-color: #3366FF;
background-image:url(../bilder/hintergrund.png);
background-repeat:repeat-x;
background-position: center 20px;
}


Gruß Rico
 
Hi,

hierfür müsstest du mit einem HTML-Element (z.B. div) einen Bereich erzeugen, der den gewünschten Abstand zum Fenterrand bzw. die entsprechende Breite besitzt, und darin das Hintergrundbild einbinden.
 
Hallo,
Meine Versuche gingen diesbezüglich nach hinten los, Ich sehe zwar das das Hintergrundbild jetzt verkleinert dargestellt wird aber im FF oder im IE wird nichts dargestellt.

Gruß Rico
 
Hi,

irgendwie kann ich deiner Aussage nicht folgen, dass das Hintergrundbild verkleinert dargestellt, aber im Firefox und IE nicht angezeigt wird.

Vielleicht solltest du mal den vollständigen Quellcode (HTML + CSS) des Dokuments zeigen, damit man darauf näher eingehen kann.
 
Hallo,
Habe alles wieder rückgängig gemacht. Hier der Text.

CSS
/*lupa communication layout*/

body{
background-color: #3366FF;
background-image:url(../bilder/hintergrund.png);
background-repeat:repeat-x;
background-position: center 20px;
}

body,td,th {
color: #000000;
}

#content {
left: 150px;
right: 150px;
top: 10px;
bottom: 0px;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

HTML

<link href="css/layout.css" rel="stylesheet" type="text/css"/>
<link href="css/navigation.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="bilder/lc-favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="stil">
<ul>
<li class="stil"><a href="beratung.html" class="stil">Beratung</a></li>
<li class="stil"><a href="coaching.html" class="stil">Coaching</a></li>
<li class="stil"><a href="mediation.html" class="stil">Mediation</a></li>
<li class="stil"><a href="&uuml;ber uns.html" class="stil">&Uuml;ber uns</a></li>
<li class="stil"><a href="impressum.html" class="stil">Impressum</a></li>
<li class="stil"><a href="mailto:info@lupa-communication.de?body=Hallo%20Herr%20Helle,%10Das%20ist%20ein%20Test.%10Mit%20freundlichem%20Gruss%10Rico%20Meinshausen" class="stil">Kontakt</a></li>
</ul>
</div>
<div id="content">
<div align="center"><img src="bilder/lupa-communication-logo.jpg" alt="Logo" width="401" height="200" /></div>
<p>Das ist ein Test</p>
<p align="center"></p>
</div>
</body>
</html>

Kann man die Breite des Hintergrundes nicht festlegen mit CSS -
background-position: center 20px; margin-left:150px; margin-right: 150px;

Gruß Rico
 
Rico Meinshausen hat gesagt.:
Kann man die Breite des Hintergrundes nicht festlegen mit CSS -
background-position: center 20px; margin-left:150px; margin-right: 150px;
Zum Vergrößern anklicken....
Nein, dies ist so nicht möglich, aber ich habe dir doch schon vorgeschlagen, das Hintergrundbild für ein Blockelement (z.B. DIV) zu verwenden, und diesen Bereich mit der margin-Eigenschaft zu formatieren.

Vielleicht solltest du mal die Seite online stellen, damit man sich ein genaueres Bild von der Situation machen kann.
 
Setz das Hintergrundbild im DIV content ein:

Code: 
#content {
        left: 150px;
        right: 150px;
        top: 10px;
        bottom: 0px;
        position: absolute;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        background-image:url(../bilder/hintergrund.png);
        background-repeat:repeat-x;
        background-position: center 10px;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück