nicht angemeldet
schwarzer kasten
Hallo,
ich möchte einen schwarzen Kasten, der links 30 Pixel entfernt anfängt, oben 0 pixel und soll bis rechts komplett durchgehen, egal welche auflösung der jeweilige benutzer hat.
Also ich habe im Code:
#schwarz {
width:100px;
margin:0px;
padding:0px;}
<div class="schwarz">
Leider passiert überhaupt nichts.
Könnt ihr mir da bitte weiterhelfen.
danke schon mal.
tina
-
Heyho!
Vorneweg, dein Code hat weder etwas schwarz gefärbt, noch etwas um 30 PX nach rechts verschoben und so.
War dir das klar?
Hier ein neuer Ansatz:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"><style type="text/css">
<!--
*.schwarz { width:100px; height:100px; margin:0px; padding:0px; background-color:#000000;}
-->
</style></HEAD>
<div class="schwarz">
</div><BODY>
</BODY>
</HTML>Es sollte jetzt ein 100x100 Pixel großes schwarzes Kästchen erscheinen.
Verschieben und Positionieren geht so: http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
und für die Breite würde ich mal "100%" versuchen.Alles weitere gibts hier: http://selfhtml.teamone.de/css/eigenschaften/index.htm
Such einfach mal ein bissl.
Wenn du fragen hast, kannst du die ja hier reinstellen.
Chapeau! ;)
Mastershrimp
--
Kämpft für die Rettung von dem Genitiv!-
Heyho!
Vorneweg, dein Code hat weder etwas schwarz gefärbt, noch etwas um 30 PX nach rechts verschoben und so.
War dir das klar?
Hier ein neuer Ansatz:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"><style type="text/css">
<!--
*.schwarz { width:100px; height:100px; margin:0px; padding:0px; background-color:#000000;}
-->
</style></HEAD>
<div class="schwarz">
</div><BODY>
</BODY>
</HTML>Es sollte jetzt ein 100x100 Pixel großes schwarzes Kästchen erscheinen.
Verschieben und Positionieren geht so: http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
und für die Breite würde ich mal "100%" versuchen.Alles weitere gibts hier: http://selfhtml.teamone.de/css/eigenschaften/index.htm
Such einfach mal ein bissl.
Wenn du fragen hast, kannst du die ja hier reinstellen.
Chapeau! ;)
Mastershrimp
danke..so klappt das wunderbar.
hab bei widht mal 100% genommen und so geht es bis fast ganz nach rechts. irgendwie ist ganz rechts aber noch so 10 pixel platz. an was kann das liegen? der kasten soll komplett bis rechts gehen und kein bischen platz mehr rechts haben. ansonsten ist es schon gut so.
% angaben gehen ja auch in jedem browser oder gibt es da probleme?-
also der rand rechts wirkt so wie wenn ich ein bild einfüge und es nirgends positioniere. dann ist oben und links vom bild auch ein abstand und solch ein abstand ist rechts.
was muss ich tun, damit rechts gar kein abstand mehr ist bzw dass bei jeder bildschirmauflösung der schwarze balken bis komplett rechts geht?danke mein codespezialist ;)
-
und die fläche sollte an der gleichen stelle bleiben wenn man scrollt also "fliegen".
danke schon ein mal.
-
Hallo,
und die fläche sollte an der gleichen stelle bleiben wenn man scrollt also "fliegen".
Das funktioniert im IE nur superschweer. Ich empfehle das anders zu lösen.
Grüße
Jeena Paradies--
Vivos Bassist sucht Schlampen
http://jeenaparadies.de/weblog/2004/april/schlampen/
Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
http://jeenaparadies.de/artikel/kinderschlagen/
Jeenas Bannertauschportal; selbstgemacht ;-)
http://jeenasbannerbude.de-
Hallo,
und die fläche sollte an der gleichen stelle bleiben wenn man scrollt also "fliegen".
Das funktioniert im IE nur superschweer. Ich empfehle das anders zu lösen...nicht gut. und das problem, dass rechts ein leerraum ist?
-
..nicht gut. und das problem, dass rechts ein leerraum ist?
http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm
Einfach mal selfhtml studieren. Ich frag mich aber, ob das was du willst nicht anders zu lösen ist, klingt zumindest so.
Struppi.
-
-
-
-
Heyho!
was muss ich tun, damit rechts gar kein abstand mehr ist bzw dass bei jeder bildschirmauflösung der schwarze balken bis komplett rechts geht?
Definiere einfach für den <body> folgendes: margin:0px;
also BODY { margin:0px; }
das sollte klappen. Wofür brauchst du das eigentlich?
danke mein codespezialist ;)
Bitte ;)
Chapeau! ;)
Mastershrimp
--
Kämpft für die Rettung von dem Genitiv!
-
-
-
-
Hallo,
Hallo,
ich möchte einen schwarzen Kasten, der links 30 Pixel entfernt anfängt, oben 0 pixel und soll bis rechts komplett durchgehen, egal welche auflösung der jeweilige benutzer hat..schwarz {
margin: 0 0 0 30px;
background-color: black;
}<div class="schwarz"></div>
Also ich habe im Code:
#schwarz {
width:100px;wozu das?
margin:0px;
padding:0px;}<div class="schwarz">
Wenn du classen ansprechen willst dann anstatt # eien . nehmen
Grüße
Jeena Paradies--
Vivos Bassist sucht Schlampen
http://jeenaparadies.de/weblog/2004/april/schlampen/
Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
http://jeenaparadies.de/artikel/kinderschlagen/
Jeenas Bannertauschportal; selbstgemacht ;-)
http://jeenasbannerbude.de-
Hallo,
Hallo,
ich möchte einen schwarzen Kasten, der links 30 Pixel entfernt anfängt, oben 0 pixel und soll bis rechts komplett durchgehen, egal welche auflösung der jeweilige benutzer hat..schwarz {
margin: 0 0 0 30px;
background-color: black;
}<div class="schwarz"></div>
Also ich habe im Code:
#schwarz {
width:100px;
wozu das?
margin:0px;
padding:0px;}danke!
jedoch ist so neben dem kasten ein kleiner rand rechts. der kasten sollte rechts aber komplett bis ganz rechts gehen. und die höhe ist auch nicht ganz richtig bzw es klappt nicht so ganz.
irgendwie kann da was nicht stimmn......-
Hallo,
jedoch ist so neben dem kasten ein kleiner rand rechts. der kasten sollte rechts aber komplett bis ganz rechts gehen. und die höhe ist auch nicht ganz richtig bzw es klappt nicht so ganz.
dann musst du noch margin und paddin von html und body auf 0 setzen (bin mir jetzt nicht ganz sicher ob es bei html auch nötig ist aber schaden tut es nicht.)
Grüße
Jeena Paradies--
Vivos Bassist sucht Schlampen
http://jeenaparadies.de/weblog/2004/april/schlampen/
Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
http://jeenaparadies.de/artikel/kinderschlagen/
Jeenas Bannertauschportal; selbstgemacht ;-)
http://jeenasbannerbude.de-
hi,
dann musst du noch margin und paddin von html und body auf 0 setzen (bin mir jetzt nicht ganz sicher ob es bei html auch nötig ist aber schaden tut es nicht.)
Nutzen aber wahrscheinlich auch nicht viel. Der tatsächlich wirksame "Ort" ist <body>, und wenn mans etwas tricky machen möchte, kann man margin auf einen negativen Wert, also zum Beispiel -2 setzen. Zu empfehlen ist das nicht, und "sauber" isses auch nicht, hilft aber gelegentlich.
Grüße aus Berlin
Christoph S.
--
mailto:christoph.schnauss@berlin.de
http://www.christoph-schnauss.de
ss:| zu:) ls:& fo:) va:) sh:| rl:|-
Hi Christoph,
margin auf einen negativen Wert, also zum Beispiel -2 setzen.
wenn die minus zwei Schinkenbrote die gleiche Breite wie die zwei Omelettes haben, mit denen <body> ausgekleidet ist, dann ja. In den meisten Browser wird man mit margin-right:-8px übrigens richtig fahren.
Zu empfehlen ist das nicht, und "sauber" isses auch nicht
Daran ist absolut nichts auszusetzen. Wie kommst du zu diesem Schluss?
Grüße,
Roland-
n'abends Orlando,
margin auf einen negativen Wert, also zum Beispiel -2 setzen.
wenn die minus zwei Schinkenbrote die gleiche Breite wie die zwei Omelettes habenDu kennst meine Omelettes nicht ;-)
Aber schon klar, daß du auf die Maßeinheit insistierst. Hast du ja recht, der Vollständigkeit halber hätte da schon noch eine Maßeinheit stehen sollen.In den meisten Browser wird man mit margin-right:-8px übrigens richtig fahren.
Selbstverständlich.
Zu empfehlen ist das nicht, und "sauber" isses auch nicht
Daran ist absolut nichts auszusetzen. Wie kommst du zu diesem Schluss?Zu dem Schluß, daß irgendwas nicht empfehlenswert sei? Och ... lies mal im Archiv nach ...
Grüße aus Berlin
Christoph S.
--
mailto:christoph.schnauss@berlin.de
http://www.christoph-schnauss.de
ss:| zu:) ls:& fo:) va:) sh:| rl:|
-
-
-
-
-
-
hallo Tina,
Also ich habe im Code:
#schwarz {
width:100px;
margin:0px;
padding:0px;}
<div class="schwarz">
Leider passiert überhaupt nichts.Das ist sicher nicht richtig. Es passiert durchaus etwas, bloß nicht das, was du gerne haben möchtest. Ich fürchte, du mußt dich nochmal etwas gründlicher mit CSS beschäftigen.
- width bezeichnet wohl die Breite, das ist richtig, aber die Breite des Elements, auf das es angewandt wird
- margin gilt für Seitenränder
- padding kann Abstände bezeichnen
- #schwarz kann für eine ID gültig sein, aber du willst deinem DIV eine Klasse zuordnen, die du gar nicht hast.
Zu empfehlen ist neben dem Gesamtkapitel CSS in SELFHTML wahrscheinlich insbesondere http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm#border
Grüße aus Berlin
Christoph S.
--
mailto:christoph.schnauss@berlin.de
http://www.christoph-schnauss.de
ss:| zu:) ls:& fo:) va:) sh:| rl:|