Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

Bilder nicht in orginal Größe darstellen!

Tobias25 / 9 Antworten / Baumansicht Nickles

Hallo, ich schreibe schon längere Zeit mit xhtml und css. Nun will ich ein Bild per css Code:
div#Info strong {
font-size: 1.33em;
background: url(images/new/sidebarbanner1.gif);
color:green;
display:block
text-align:center;
}

Jetzt wird das Bild zwar angezeigt, nur kleiner! Und nicht in orginal Größe! Hier 2 screeens:
http://derpade.be.ohost.de/nicklesforum/

(screen! = So siehst jetzt aus!;
sidebarbanner1= so solls aussehen!!)

kann mir jemand helfen?

mfg
tobias

http://vblab.to-on.de
bei Antwort benachrichtigen
Zaphod Tobias25 „Bilder nicht in orginal Größe darstellen!“
Optionen

Hi tobias,
Ein Hintergrundbild, welches größer als sein Container ist, wird nur teilweise angezeigt. Der Container ist standardmäßig so groß, dass sein Inhalt (der Text) darin Platz findet. Gib dem Container die Breite und Höhe des Bildes.
HTH, Z.

bei Antwort benachrichtigen
Tobias25 Zaphod „Hi tobias, Ein Hintergrundbild, welches größer als sein Container ist, wird...“
Optionen

Ja gut, dann schreib ich:

div#Info strong {
font-size: 1.33em;
background: url(images/new/sidebarbanner1.gif);
color:green;
display:block
width:xxxpx;
height:xxxpx;
}

?

http://vblab.to-on.de
bei Antwort benachrichtigen
Ruffnex Tobias25 „Ja gut, dann schreib ich: div Info strong font-size: 1.33em background: url...“
Optionen

dein sidebarbanner.gif hat doch eimal width und height: meinetwegen 100px x 100px

Gib dem Container

width: 100px;
height: 100px;

Hintergründe in Container sind aber nicht immer von Vorteil. Wenn dein Text 100px height übersteigt wird der text außerhalb angezeigt.

bei Antwort benachrichtigen
Zaphod Ruffnex „dein sidebarbanner.gif hat doch eimal width und height: meinetwegen 100px x...“
Optionen

... das kann man via overflow: steuern und hat nichts mit dem Hintergrund, sondern mit der defoinierten Größe zu tun ...
HTH, Z.

bei Antwort benachrichtigen
Ruffnex Zaphod „... das kann man via overflow: steuern und hat nichts mit dem Hintergrund,...“
Optionen

ohh habs grad nachgelesen .. stimmt .. wusst ich noch nicht. DANKE

bei Antwort benachrichtigen
Zaphod Ruffnex „ohh habs grad nachgelesen .. stimmt .. wusst ich noch nicht. DANKE“
Optionen
bei Antwort benachrichtigen
Elvereth Zaphod „... das kann man via overflow: steuern und hat nichts mit dem Hintergrund,...“
Optionen

Ich hatte bei meiner Seite ein ähnliches Problem. in einem div hatte ich weitere divs mit Inhalt drin aber das hat die Größe nicht angepasst. Gibts die Möglichkeit, dass sich das container-div entsprechend vergrößert? bei overflow: gibts da keinen Wert, der das macht...

CU Sven

Meine Heizung hat drei Gigahertz. http://www.svenspages.de/
bei Antwort benachrichtigen
Zaphod Elvereth „Ich hatte bei meiner Seite ein ähnliches Problem. in einem div hatte ich...“
Optionen

Das passt sich automatisch an, solange keine der verschachtelten DIVs einen festen Wert hat. Allerdings kann es bei mehrfachen Verschachtelungen bei verschiedenen Browsern zu Renderfehlern kommen - man sollte zu tiefe Verschachtelungen vermeiden.
Um dein konkretes Problem zu lösen, müsste man genauer wissen, was du erreichen wolltest.
HTH, Z.

bei Antwort benachrichtigen
Elvereth Zaphod „Das passt sich automatisch an, solange keine der verschachtelten DIVs einen...“
Optionen

Stimmt.

also auf meiner Homepage wollte ich erstmal, dass die Seite ne feste Breite hat, mittig dargestellt wird und einen sich nach unten wiederholenden hintergrund besitzt. (www.svenspages.de).

das hat er gemacht, DIV CLASS="Site" ist mein äußerstes DIV. darin hab ich übereinander je ein DIV für Menü, Content und Footer gemacht. Solange ich in den Content ne Tabelle habe, ändert sich die Länge des Content-DIVs nach Inhalt korrekt.

[div id="site"]
[div id="menu"]...[/div]
[div id="content">
[div id="left" style="float:left;"]...[/div]
[div id="right" style="float:right;"]...[/div]
[/div]
[div id="footer">...[/div]
[/div]

hier ist das div mit id="content" zur Höhe null zusammengeschrumpft. Klar: die divs innen scheinen in einem neuen Layer zu liegen. Aber gibt es frei positionierbare Elemente, die das nicht tun ? Etwas, was die Größe des Contents vom div "content" beeinflusst und dennoch die möglichkeit besteht, ein Element mit top: left: oder float zu positionieren?

ich wollte, dass meine Seite in der Höhe variabel bleibt, das war sie nur mit tabellen im content, aber nicht mit div-Elementen, die frei positioniert wurden. Oder hab ich vieleicht nur die falschen Container verwendet...

CU Elvereth

[Diese Nachricht wurde nachträglich bearbeitet.]

Meine Heizung hat drei Gigahertz. http://www.svenspages.de/
bei Antwort benachrichtigen