Anpassung (WICHTIG!)

Status
Nicht offen für weitere Antworten.
M

MasterDiablo

Mitglied
Hier ist der Link der Seite mit der ich herumspiele , bitte beachtet das es sich hierbei nur um eine dammi grafik und einer dammi seite handelt da ich mich in Htm Xml Spry Java usw einarbeiten möchte!

http://www.mandas.at/test/speisekarte.htm

In Fire Fox wird mir die Navi richtig dargestellt jedoch der IE scheint die CSS etwas anders zu implentieren.Was kann ich den dagegen machen?
Und wie verhaltet sich die webseite auf eure monitoren da ich eine Fixe größe angegeben habe.Gibt es auch die möglichkeit das sich alle Divs automatisch den bedingungen der Monitore bzw der auflösung immer zentriert anpassen ?

Mfg
 
Hi,

von welchem der beiden Navigationmenüs sprichst du überhaupt?

Falls du auf die "TabbedPanels" abzielst, muß ich dir sagen, dass sie in allen mir zur Verfügung stehenden Browsern einheitlich dargestellt werden, und das sind ein paar mehr, wie blos der Firefox und IE.

Zum horizontalen Zentrieren einer Box mit fixer Breite stehen dir drei Techniken zur Auswahl:

  1. Das Elternelement mit margin:0 auto auszeichnen.
  2. http://d-graff.de/selfhtml/center1.html
  3. http://d-graff.de/fricca/center.html
denn derzeit ist das Layout im Vollbildmodus in den rechten nicht-sichtbaren Bereich des Browserfensters verschoben - meine Auflösung 1280*1024px.

Oder du verwendest ein Layout mit skalierbarer Breite: http://maxdesign.com.au/presentation/page_layouts/single01.htm
 
Ich meinte eigentlich die Menü führung -> Home-Speisekarte-Getränkekarte....
Bei mir wird diese im IE nach oben geschoben und im FireFoxx richtig dargestellt.

Du sagtest eben das die Grafik rechts bei dir etwas verschwindet , und genau das war meine befürchtung wenn ich eine Fixe größe festlege.


EDIT

Wegen der Scalierbaren Breite , wie mache ich das den ganu?Ich habe einen Main Div wo ich die anderen mit eingebunden habe.
Genügt es da nur den Main Div zu ändern und das restliche passt sich dann an?
Den das Problem ist wenn ich das nur auf Hg Grafik verwenden wird das im endeffect auch nichts bringen da die andern DIvs auch eine fixe größe verliehen bekommen haben!
 
Zuletzt bearbeitet:
Dass das obere Menü in den Browsern unterschiedlich "positioniert" wird, liegt daran, dass das ul-Element in den Browsern unterschiedliche Initialwerte für die äußere und innere Polsterungseigenschaft besitzt, die du in deinem Stylesheet nicht auf einen Nenner gebracht hast.

Vergleich die Ausrichtung des Menüs mal mit dieser Regelerweiterung:

Code: 
#navigation ul {
        list-style-type: none;
        margin:0; /* Außenabstand */
        padding:15px 0 0 40px; /* Innenabstand oben - rechts - unten - links */
}
In dem Artikel Sample CSS Page Layouts findest du unter dem Abschnitt "Liquid Layouts" diverse Varianten. Vielleicht ist ja dort das passende Konzept für dein Vorhaben dabei.
 
Danke sehr du hast das Problem gelöst :-)
Jetzt muss ich nur mehr schauen wie ich das hin bekomme das sich wie Webseite auf den Bildschirm und derer Auflösung anpasse tut.

Mfg

EDIT

Sehr Intressante Links , aber ich möchte gerne CSS Layouts bzw Temps selber machen können und dies erlernen.
 
Zuletzt bearbeitet:
Klar, wer will das nicht? ;-)

Mit Hilfe solcher Vorlagen kannst du dich als Anfänger aber besser in die Thematik einarbeiten, und durch das Studieren der Quellcodes die einzelnen Techniken erstmal näher kennenlernen, und wenn du gewisse Kenntnisse erlangt hast, dich an das eigenständige Erstellen eines CSS-Layouts heranwagen. ;)
 
Hast du vll. für mich einen link wo ich tutorial einstudieren kann.
Ich kann mir natürlich auch selber welche suchen aber ich denke mal das du die weit besseren links haben wirst xD
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück