Pfadangabe für css im header

Hallo,

Ich habe einen zusätzlichen div Bereich zwischen header und content angehängt, für den ich nun eine eigene css definieren möchte. Ich nenne sie mal beispiel.css

Wie muss ich nun im header die genaue Wegbeschreibung angeben, damit für diesen div Bereich die beispiel.css zur Anwendung kommt?

Ich habe hier aus dem header etwas rauskopiert:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" title="Freshy"/>
<!--[if lte IE 6]>
<link rel="stylesheet" href="<?php print get_bloginfo('stylesheet_directory').'/fix-ie.php'; ?>" type="text/css" media="screen"/>
<![endif]-->

Vielleicht kann mir jemand weiterhelfen.

Grüße

Martin

Unter diesen Link kannst du sehen, was ich machen möchte.

http://test.weinverkostung.com

Diesen div Bereich in Gelb möchte ich nun an das Fenster anpassen und der gelbe Balken sollte ca 250px; hoch sein. Das ist jetzt nur ein Beispiel mit der gelben Farbe. In diesen div Bereich kommt dann zusätzlicher Text rein und einige Links.

Wie soll ich das am besten angehen?

Ja, nur das Problem ist, dass es im IE anders aussieht als im Firefox Browser.

Für header2 habe ich folgende css:

#header2 {
color: black;
background-color: #f3c600;
width: 780px;
margin-right: auto;
margin-left: auto;
height: 200px;
}

Beim Firefox habe ich zum header einen Leerraum und im IE hab ich zwischen header und content keinen Leerraum.
Wenn ich margin-top: -15px; eingebe, habe ich beim Firefox keinen Leerraum mehr und im IE wird der Text nach oben in den Header geschoben. Ausserdem wird width bei beiden Browsern anders angezeigt.

Na bravo :-)

Ich habe diese css ja nur einmal reingeschrieben und das in die style.css Datei.

Und den div Bereich, hab ich doch richtig gesetzt, oder?
Ok, das ist nur eine Testseite, aber dennoch möchte ich gerne diesen Balken richtig platzieren.

Danke dir nochmals für die Info!

Eine Frage hätte ich jedoch noch:

Soweit steht der Kasten wie ich ihn haben möchte:

Dafür habe ich folgende css geschrieben:

#header2 {
       color: #008000;
       background-color: #ffffff;
       width: 780px;
       margin-right: auto;
       margin-left: auto;
       height: 160px;
       border-bottom: 1px solid #008000;
       border-left: 4px solid #708090;
       border-right: 4px solid #708090;
}

Jetzt möchte ich gerne noch den Text etwas einrücken, also links, rechts und oben etwas herunter, damit es mit dem unteren Text im Artikel gleich ist. Wie und wo soll ich das am besten machen bzw. welchen code muss ich eingeben?
Es geht um den div header2

Link: http://test.weinverkostung.com

Eine Frage hätte ich noch.

Wie schaut der div Bereich unter dem header (hallo Wie gehts) bei euch aus? Wird der div Bereich weiss angezeigt, oder in gelb?
Ich frage deswegen, weil wenn ich über mein Handy zu meiner Seite einsteige, sehe ich den div Bereich in gelb, obwohl ich den cashe gelöscht habe:

Link: http://test.weinverkostung.com