hintergrund farbe in html mittendrin ändern
Ferby
- html
Hallo,
Ich habe ein Problem mit html bzw. css
Ich möchte eine Seite habe die so aufgebaut ist
////////////////////////
// Hintergrundfarbe 1 //
////////////////////////
////////////////////////
// Diverse Grafiken //
////////////////////////
////////////////////////
// Hintergrundfarbe 2 //
////////////////////////
Aber wie kann ich erreichen, das ich die Hintergrundfarbe nach den Grafiken änder?
Bin für alle Lösungen offen
hi,
Aber wie kann ich erreichen, das ich die Hintergrundfarbe nach den Grafiken änder?
In dem du das auf die Grafiken folgende Element über die gesamte Breite gehen lässt, und ihm eine andere Hintergrundfarbe gibst.
gruß,
wahsaga
hi
In dem du das auf die Grafiken folgende Element über die gesamte Breite gehen lässt, und ihm eine andere Hintergrundfarbe gibst.
sry, aber ich kenn mich damit nicht so gut aus.....
mir sagt das nichts
hi,
In dem du das auf die Grafiken folgende Element über die gesamte Breite gehen lässt, und ihm eine andere Hintergrundfarbe gibst.
sry, aber ich kenn mich damit nicht so gut aus.....
mir sagt das nichts
Was davon sagt dir nichts? Wie man einem Element eine Hintergrundfarbe gibt?
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
gruß,
wahsaga
hallo
Was davon sagt dir nichts? Wie man einem Element eine Hintergrundfarbe gibt?
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
Doch, aber wie soll ich das machen, das das Element bis unten geht,
ohne das was drin steht?
Doch, aber wie soll ich das machen, das das Element bis unten geht, ohne das was drin steht?
z.B. in dem der BODY die Hintergrundfarbe des unteren Bereichs erhält und du außerdem einen "Header"- und "Bilder"-Bereich festlegst. So kannst du die Höhe und die Hintergundfarbe des ersten und zweiten Bereichs festlegen;
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0px;
font-family: Verdana, Arial, sans-serif; }
body {
background-color: #990000; }
#header {
width: 100%;
height: 100px;
background-color: #cc0000; }
#photos {
width: 100%;
min-height: 100px;
background-color: #ffffff; }
</style>
</head>
<body>
<div id="header">
<p>...</p>
</div>
<div id="photos">
<img src="ph1.jpg" />
</div>
</body>
</html>
Bis denn dann,
Thomas
Hallo,
ich habe es jetzt so gemacht:
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0px;}
body { margin-top:0px; margin-left:0px; background-color: #9B9B9B; }
#header {
width: 100%;
height: 180px;
background-color: #FFCC00; }
</style>
</head>
<body>
<div id="header">
</div>
<img src="projekte.bmp">
<img src="entwicklung.bmp">
</body>
</html>
Beim FierFox wird es auch so angezeigt wie ich es will,
aber der IE zeigt beim oberen Hintergrund nur ein Teil richtig an, ganz rechts ist aus irgendeinen Grund #9B9B9B
Warum?? Wie kann ich das verhindern?
Beim FierFox wird es auch so angezeigt wie ich es will, aber der IE zeigt beim oberen Hintergrund nur ein Teil richtig an, ganz rechts ist aus irgendeinen Grund #9B9B9B
Kann den "Fehler" nicht nachvollziehen - bei mir siehts mit deinem Quelltext in allen verwendeten Browsern gleich aus. (Opera 9.01, Firefox 1.5, MS IE 6.0)
Bis denn dann,
Thomas
Hallo,
also ich habe jetzt zwei Screenshots gemacht:
Hier in FireFox:
www.test.ferby.eu/firefox.jpg
Und hier in IE
www.test.ferby.eu/ie.jpg
Siehst du oben den Unterschied?
Die Seite findet ihr unter www.pauser.ferby.eu
(ps: der Quellcode ist Allgemein schlecht, da ich ihn nur zum testen diverser Sachen verwende)