Problem mit class=""
|
| Verfasser |
Nachricht |
|
Beiträge: 1.130
Bewertung: 29
Registriert seit: Jun 2008
Status:
offline
|
Problem mit class=""
Hi,
ich habe ein Problem dass ich mir nicht erklären kann. Ich hoffe hier kann mir jemand weiter helfen.
Ich habe ein Hintergrundbild in der CSS Datei als body angegeben. Das Funktionierte.
Dan habe ich ein weiteres Bild als Klasse in der CSS angelegt. In der CSS stehen die richtigen maße des Bildes.
Das Bild soll über dem Bild aus dem body eingefügt werden und auf dem body srcollbar sein.
Das Problem:
-Das Bild lässt sich nicht scrollen
-Es wird ein weißer Rahmen erstellt der sich unendlich ausweitet, so das das Bild vom body nicht mehr zu sehen ist
Wen ich es mit div einbinde geht es.
Ich möchte es aber lieber mit class einfügen.
CSS:
@charset "utf-8";
/* CSS Document */
body
{
background-image:url(../bilder/style/ganz_hinten.png);
margin-top:0px;
background-attachment: fixed;
}
.maske
{
background-image: url(../bilder/style/hintergrund.png);
margin: auto;
margin-top: 0px;
border: 2px solid #fff;
text-align: left;
background-repeat: no-repeat;
background-position: center top;
padding: 0px;
height: 1588px;
width: 1120px;
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Feuerwehr Talheim</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />
</head>
<body class="maske">
</body>
</html>
ganz_hinten.png:
[Link: Registrierung erforderlich]
hintergrund.png:
[Link: Registrierung erforderlich]
Link zur Seite mit dem Fehler:
[Link: Registrierung erforderlich]
Ich hoffe mir kann jemand Helfen.
Lg
eret12
|
|
| 18.01.2013 18:18 |
|
|
Beiträge: 207
Bewertung: 6
Registriert seit: Jul 2012
Status:
offline
|
RE: Problem mit class=""
mit class maske greifst du trotzdem auf den body zu. es macht daher keinen unterschied, ob du es in maske oder body reinschreibst. entweder mach für das 2te bild einen div-container, oder man kann auch mehrere hintergründe bei einem element haben, und das geht so:
body {
background:url(irgendwas.png) no-repeat center top, url(nochwas.png) repeat-x center center;
}
das erste bild überlappt dann das letzte. so kannst du das auch mit zb 3 oder 4 hintergrund bilder machen.
no-repeat oder center oder top und dergleichen sind optional. du kannst sie also auch weglassen
[Link: Registrierung erforderlich]
|
|
| 18.01.2013 19:05 |
|
|
Beiträge: 1.047
Bewertung: 35
Registriert seit: Oct 2009
Status:
Abwesend
|
RE: Problem mit class=""
Einfacher wäre es, wenn Du mit Z-Index arbeiten würdest 
Gruß Plat
http://www.sponsor-board.de/images/english/postbit_thx.png(!https) nicht vergessen !!!
Ich wollte die Welt verändern, doch Gott gab mir den Quellcode nicht !
Es ist gelogen, dass Computerspiele Kinder beeinflussen. Hätte Pac Man das getan, würden wir heute durch dunkle Räume irren, Pillen fressen und elektronische Musik hören.
|
|
| 18.01.2013 19:29 |
|
|
Beiträge: 207
Bewertung: 6
Registriert seit: Jul 2012
Status:
offline
|
RE: Problem mit class=""
z-index würde keinen unterschied machen. denn .maske und body sind das gleiche element.
[Link: Registrierung erforderlich]
|
|
| 18.01.2013 19:42 |
|
|
Beiträge: 287
Registriert seit: Feb 2012
Status:
offline
|
RE: Problem mit class=""
Du hast dem body-Tag die Klasse maske zugewiesen?
Das kann so nicht gehen, denn dann bekommt body die Werte die du in CSS definiert hast und die der Klasse maske.
|
|
| 18.01.2013 21:54 |
|
|
Beiträge: 1.130
Bewertung: 29
Registriert seit: Jun 2008
Status:
offline
|
RE: Problem mit class=""
Danke für die Antworten!
Habe das Problem mittlerweile gelöst...
Lg eret12
|
|
| 18.01.2013 22:05 |
|
|
