[Bib]

Hi,
ich möchte gerne einen solchen Banner



mittels CSS erstellen. Ich bekomme aber den äusseren weissen Rand und die graue Linie nicht hin. Bei mir wird das immer nur ein grauer Kasten mit einfachem Rand.

Meine CSS-Befehle sehen folgendermaßen aus:

h4 {
font-family:arial;
background-color:#eeeeee;
width:600px;
font-size:20px;
color:#000000;
border:2px solid #000;
padding:30px;
margin:20px
}

Was hab ich da falsch gemacht? Mit welchem Befehl kann ich den äußeren Rand noch dazumachen? (Farbe ist hier im Beispiel nun erstmal egal.)

[daarg]

Versuchs mal so

<style type="text/css">
#banner {
	border:1px solid #e9e9e9;
	width:600px;
	padding:0.2em;
	}

#banner h1 {
	background-color:#e9e9e9;
	width:100%;
	margin:0;
	padding:0.5em 1em;
	font:normal 20px arial,sans-serif;
	}
</style>

<div id="banner">
	<h1>Inhalt</h1>
</div>

// CH

Dieser Beitrag wurde von Flo bearbeitet: 11. Juli 2006 - 15:57

[Bib]

Hm,

im IE richtige Anzeige.

Bei Opera fehlerhafte Anzeige.

Im FF überhaupt keine Anzeige.



Was hat das eigentlich für Vorteile, wenn ich das mit dem <div>-Befehl mache? Kann ich nicht einfach eine Klasse definieren und das dann direkt machen, ohne <div>?

[daarg]

bei mir läuft die variante in allen drei genannten browsern. welche versionen benutzt du? adblock und co.? das div-element hab ich für den rahmen benutzt - geht meines erachtens nicht anders.

[Spezi]

Hy,

Zitat (Bib: 11.07.2006, 15:44)

Was hat das eigentlich für Vorteile, wenn ich das mit dem <div>-Befehl mache? Kann ich nicht einfach eine Klasse definieren und das dann direkt machen, ohne <div>?

Naja eigentlich keine.

Das Problem in deinem Fall ist einfach der weiße Rahmen. Soweit mir bekannt ist, gibt es dafür keine entsprechende css Formatierung. Deshalb wurde das gekapselt.

[Bib]

Es lag im Firefox an AdBlock. Ich hatte es eigentlich für meine komplette Domain deaktiviert, aber irgendwie hat das trotzdem nicht geklappt. Wenn ichs ganz deaktiviere, dann wird es angezeigt. Allerdings beim Opera 9.0 und beim FF 1.5.0.3 folgendermaßen: (der untere Banner)

Edit Flo: Bitte das Bild im Forum Hochladen, sonst zerhaut es das ganze Forum..

Dieser Beitrag wurde von Flo bearbeitet: 11. Juli 2006 - 15:58

[Applehell88]

Opera, hat eh viele Fehler.
Bei der Webentwicklung kann man sich nicht auf die Ausgabe von Opera verlassen.
Man kann sagen rund 40 % aller Websiten sind auf Opera nicht richtlig darstellbar.
Wenn du Probleme mit dem Banner hast, dann versuch mal mit padding Befehlen den Rand zu verbreitern.

[flo]

@Applehell88

Das gilt aber nichtmehr für den Opera 9, denn der besteht den Acid2 test

[daarg]

Zitat (Applehell88: 15.07.2006, 00:03)

Opera, hat eh viele Fehler.
Bei der Webentwicklung kann man sich nicht auf die Ausgabe von Opera verlassen.
Man kann sagen rund 40 % aller Websiten sind auf Opera nicht richtlig darstellbar.
Wenn du Probleme mit dem Banner hast, dann versuch mal mit padding Befehlen den Rand zu verbreitern.

eine sehr gewagte aussage! seit versin 6 habe ich beim webdesign eigentlich nie probleme mit opera. wie kommst du auf 40%?

[badmin]

Das kann ich mit "CaptHowdy" nur anschließen, haben schon seit ewigkeiten keine probleme mit Opera.

Dazu muss man noch sagen das eher die anderen browser <b>VERBUGT</b> sind aller ständig irgendwelche updates/patches für IE, FF erscheinen