| Autor |
Nachricht |
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: 
|
Verfasst Mi 25.04.2007 11:08
Titel [css]hg des banners wird zu breit! |
  |
|
hallo,
habe mal eine frage...ich habe in meinen background per css einen banner eingefügt der 1024px breit und 150px hoch ist.wenn jetzt aber jemand auf die seite mit einer 1280px großen auflösung kommt dann wirkt der banner für den user ab 1024 px wie abgeschnitten.
nun habe ich mir die letzten 200px des banners genommen und das wieder in einen extra div gemacht.
beide divs wurden absolut positioniert.
| Code: | #headpic {
position:absolute;
background-image:url(../bilder/headpic.jpg);
background-repeat:no-repeat;
height:150px;
width:1024px;
left: 0px;
}
#headpichg {
position:absolute;
background-image:url(../bilder/headpichg.jpg);
background-repeat:repeat-x;
left:1024px;
height:150px;
width:100%;
} |
jetzt habe ich aber das problem das er denn banner background auch 1024px breit macht...obwohl ich 100% angegeben habe.
mein ziel ist einfach nur das der bg immer nur so breit geht wie die auflösung des monitors ist!
hat jemand nen vorschlag?
danke!
|
|
| |
   |
 |
sk439
Dabei seit: 18.04.2005
Ort: Stade
Alter: 24
Geschlecht:
|
Verfasst Mi 25.04.2007 11:14
Titel
|
|
|
du kannst eine grafik nicht auf 100% stellen.
wähle den Hintergund so aus das du das 2. Bild nach rechts hin sich wiederholen lässt.
|
|
| |
 |
|
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Mi 25.04.2007 11:19
Titel
|
|
|
|
ja das weiß ich..aber wenn ich die 100% weg lasse dann wiederholt sich nix...die 100% richten sich ja an die auflösung...
|
|
| |
|
|
sk439
Dabei seit: 18.04.2005
Ort: Stade
Alter: 24
Geschlecht:
|
Verfasst Mi 25.04.2007 11:23
Titel
|
|
|
| Code: | #headpichg {
background-image:url(../bilder/headpichg.jpg);
background-repeat:repeat-x;
} |
|
|
| |
|
|
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Mi 25.04.2007 11:29
Titel
|
|
|
|
ja..aber das geht doch nicht....in dem div soll ja nix drin stehen...der soll ja nur den hintergrund darstellen...und ohne angaben zur höhe und breite macht der das div doch gar nicht erst auf....
|
|
| |
|
|
sk439
Dabei seit: 18.04.2005
Ort: Stade
Alter: 24
Geschlecht:
|
Verfasst Mi 25.04.2007 11:30
Titel
|
|
|
|
poste mal bitte den ganzen qc oder schick mir den link zur page per pn
|
|
| |
|
|
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Mi 25.04.2007 11:36
Titel
|
|
|
seite ist nicht hochgeladen
und da das html mit css:
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css" title="currentStyle">
#headpic {
position:absolute;
background-image:url(../bilder/headpic.jpg);
background-repeat:no-repeat;
height:150px;
width:1024px;
left: 0px;
}
#headpichg {
position:absolute;
background-image:url(../bilder/headpichg.jpg);
background-repeat:repeat-x;
left:1024px;
height:150px;
width:100%;
}
</style>
</head>
<body>
<div id="headpic"></div>
<div id="headpichg"></div>
</body>
</html> |
müsste eigentlich vollkommen ausßreichen...das einzigste was du noch machen müsstest, wären die grafik-dummys.
Zuletzt bearbeitet von Sunlifestyle am Mi 25.04.2007 11:37, insgesamt 1-mal bearbeitet
|
|
| |
|
|
sk439
Dabei seit: 18.04.2005
Ort: Stade
Alter: 24
Geschlecht:
|
Verfasst Mi 25.04.2007 11:56
Titel
|
|
|
meinste das jetzt so? probier das mal aus.
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css" title="currentStyle">
body {
background-image: url(hg.jpg);
background-repeat: no-repeat;
left: 0px;
}
</style>
</head>
<body>
<div style="background-image:url(hg1.jpg); position:background; height:150px; width:100%; background-repeat:repeat-x;"></div>
</body>
</html> |
also bei mir scheint es zu funtkionieren.
Zuletzt bearbeitet von sk439 am Mi 25.04.2007 11:57, insgesamt 2-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Einbindung eines vertikalen Skyscraper Banners über CSS
Newsletter - wie breit?
Auflösung für 1200px optimiert = wie viele Pixel breit?
[CSS] Button verrutsch im Firefox, CSS-Künstler gesucht
[CSS/PHP/Javascript] CSS-Menu a:active soll sichtbar sein
[Javascript][CSS] JavaScrip-Rollover-Bild in CSS-Dropdown
|
|
Willkommen auf dem Portal für Mediengestalter
