Probleme bei Formatierung von css

[s.wiesenbacher]

Hi zusammen

ich bin gerade dabei für mich eine kleine Homepage zu erstellen. Ich muss dazu sagen, dass ich sehr wenig erfahrung im WebDesign habe.

Ich verwende Dreamweaver CS3 und möchte die Site mit CSS Sheets aufbauen. Ich habe mir hierfür das vorgefertigte Sheet 2 Spalten elastisch, linker Rand, Kopf und Fußzeile ausgesucht. Nun habe ich folgende 2 Probleme.

1. In die Kopfzeile möchte ich gerne meinen Banner. Der Banner soll nach Möglichkeit die ganze Kopfzeile ausfüllen. Rechts geht das auch, aber links, oben und unten habe ich immer einen kleinen Rand, den ich nicht wegbekomme. Hab schon ewig im Inet gesucht hierzu aber nicht gefunden. Ich habe mal ein Beispiel hochgeladen, damit ihr euch ansehen könnt wie ich das meine

http://jamiro-von-den-kleinen-helden...ispiel_01.html

und

http://jamiro-von-den-kleinen-helden...ispiel_02.html

Kann mir jemand sagen, wo ich das einstelle. dass der Banner die gesamte Kopfzeile füllt.


2. Ich mache rechts mein Navigationsmenü. Das habe ich nun auch schon soweit fertig. Jetzt habe ich allerdings das Problem, dass ich die verlinkten Seiten nicht wie bei Frames im Hauptfenster öffnen kann. Wie geht das? Ich kriege es nicht hin. Habe jetzt den Umweg genommen, dass ich die Site mit der Navigation als Vorlage gespeichert habe und diese für jede neue Seite hergenommen hab. Das kann doch aber nicht im Sinne des Erfinders sein, oder doch?

Vielen Dank für eure hilfe
Sebastian

[Rinaldo]

GRAFIK DER GRÖSSE ANPASSEN:
CSS:

.twoColElsLtHdr #header { 
    	background: #DDDDDD; 
    	padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    	height:100px;
    }

HTML:

div id="header">
        <img src="Bilder/Banner.gif" alt="Banner" width="100%" height="100%" />

      <!-- end #header --></div>

Damit müsste es funktionieren.

Zum zweiten Punkt:
Was spricht dagegen? Die meisten aktuellen Seiten laden jede Seite komplett neu - man merkt es nur kaum (schnelle Verbindungen, Browser-Cache, etc.). Wenn Du es wirklich so machen willst, wie Du beschrieben hast, müsstest Du z.B. ein IFRAME verwenden.

Dieses würde dann in den DIV vom Inhalt eingefügt werden - per target kannst Du es dann wie bei FRAMES gewohnt ansprechen. Aber wie gesagt: ich würd´s lassen.

PS: Ändere bitte auch noch den Namen der Grafik banner.gif ab - bei mir (und sicher vielen anderen auch) wird das geblockt.

[s.wiesenbacher]

Hallo Rinaldo

vielen Dank für deine Antwort. Das mit dem Namen wusste ich nicht, sorry.

zu 1

Kannst du mir bitte noch die Stelle sagen, wo ich das im Programm änder. Das mit dem Quellcode hilft mir schon sehr weiter, aber ich möchte auch gerne wissen an welcher Stelle ich diese Einstellungen im Dreamweaver mache.

zu 2

das mit den Seiten mache ich dann so, dass ich jede neu laden lasse. Ich war mir nur nicht sicher, ob es da nicht einen eleganteren Weg gibt. Aber durch Erstellung einer Vorlage geht das ja sehr gut.

mfg
Sebastian

[max.m]

Hi,

die Stelle findest Du in Deinem HTML-Dokument oben im head-Bereich und zwar zwischen <style type="text/css"> und </style>.
Such einfach mal nach .twoColElsLtHdr #header in Deinem Dokument.

Aber noch was anderes: kann man in Dreamweaver nicht sagen, dass das CSS in eine externe Datei ausgelagert werden soll (beim Erstellen einer Site aus einer Vorlage)? Das wäre sinnvoller, dann hast Du nur diese eine CSS-Datei an der Du Änderungen vornimmst, und diese Datei wird mit einer Zeile in jedes einzelne HTML-Dokument eingebunden.

Gruß

[s.wiesenbacher]

Sorry, mit der stelle im Programm meinte ich nicht den Quellcode. Im Dreamweaver habe ich ja die Möglichkeit das auch alles über die Programmaske zu definieren (rechts das Fenster CSS). Da gibt es ja nun bei den Eigenschaften von css sehr viel. Ich habe da auch mal rumgespielt, aber irgendwie nicht den richtigen gefunden.

[max.m]

Ok, sorry, da kann ich Dir nicht weiterhelfen. Aber den Tip mit der externen CSS-Datei würde ich Dir trotzdem nahelegen.

[Singal]

Zitat von s.wiesenbacher

(rechts das Fenster CSS). Da gibt es ja nun bei den Eigenschaften von css sehr viel. Ich habe da auch mal rumgespielt, aber irgendwie nicht den richtigen gefunden.

Richtig geschaut? Steht doch fast gleich an erster Stelle.

[s.wiesenbacher]

Hallo Signal

Danke für deine Antwort. Ich habe den Wert bei Pattern rausgelöscht und nun gehr der Banner bis ganz nach links Soweit erst mal vielen Dank.

Die Ränder oben und unten kriege ich allerdings nicht Weg. Wo muss ich das einstellen? Bei Pattern habe ich sämtliche Werte versucht, da hat nichts geklappt.

mfg
Sebastian

[s.wiesenbacher]

Hi zusammen

hab es gefunden :-)
Bin durch Zufall mit dem Courser noch an eine andere Stelle gekommen und da gab es auch noch mal das Pattern. Vielen Dank für eure Hilfe.

mfg
Sebastian