Verschiebungen

hasimaus · Neuer [**User**] Anmeldung: 29.04.08 Beiträge: 5

Hallo, ich bin ganz neu hier, ich heiße Miriam und bin 20 Jahre alt.
Ich erstelle mir gerade eine neue Homepage, hatte sie fast fertig, da meinte eine Freundin zu mir, ich soll es anstatt Tabellen mit divs machen. Also habe ich mir im Internet einige spannende Seiten durchgelesen.

Trotzdem habe ich einige Probleme und fragen. Hier ist mal der Link zu der Seite, wie es aussehen soll (der Text wird nicht bleiben, ist nur zum Veranschaulichen):

http://animalcastle.an.funpic.de/one-glimpse/homepage-CSS/

und die CSS Datei ist:

http://animalcastle.an.funpic.de/one-glimpse/homepage-CSS/Untitled-2.css

Mein Problem ist, dass der IE Explorer meine Seite richtig anzeigt, Mozilla aber nicht. Gestern war es noch genau umgekehrt.
Sieht da jemand den Fehler?

Vielleicht gibt es jemanden, der Lust und Zeit hätte, sich mit mir über ICQ über das Thema zu unterhalten, denn ich habe so viele Fragen, dass ich sie kaum alle hier reinschreiben kann.

Ich würde mich sowas von über eine Antwort freuen und danke euch im Voraus,

Miriam

hasimaus · Neuer [**User**] Anmeldung: 29.04.08 Beiträge: 5

Ok, das hab ich jetzt hinbekommen....

Mein Problem ist jetzt, dass ich möchte, dass der Strich links weiter nach unten geführt wird, immer so lang, wie der Text ist. Wie kann ich das denn machen, dass sich die Tabelle automatisch nach unten erweitert?

umt · Beliebter [**User**] Anmeldung: 29.11.07 Beiträge: 325

Schneide vom Bild "unten-links1.jpg" unten einen schmalen Querbalken aus und gib ihm dem Container als Hintergrundbild mit

hasimaus · Neuer [**User**] Anmeldung: 29.04.08 Beiträge: 5

Danke für die Hilfe. Kannst du bei mir trotzdem mal schauen? Ich habs jetzt so versucht, wie du gesagt hast. Ich hab das Gefühl, dass meine div Boxen nicht das machen, was ich will... kann das sein?

Vielleicht kennt sich noch jemand aus...? Das wäre echt lieb.

umt · Beliebter [**User**] Anmeldung: 29.11.07 Beiträge: 325

Nein, die machen ganz und garnicht das, was sie sollen.
Ich hab jetzt leider nicht viel Zeit, aber wenn du willst, kann ich heute abend mal schauen, was da los ist.

umt · Beliebter [**User**] Anmeldung: 29.11.07 Beiträge: 325

Versuche mal Folgendes:

1. Gib dem body den Braunton aus der Grafik als background-color.

2. Schneide einen schmalen horizontalen Streifen von dem senkrechten Strich in der Grafik vom Linken Rand bis zum Strich (inklusive) aus und ordne auch dieses Bild dem body als Hintergrund zu mit repeat-y wie oben beschrieben.

3. Schneide aus der Grafik den oberen Rand in der Selben Höhe ab, die dein Menü braucht. Mache in der HTML-Datei ein div mit der id header und weise diesem div via css die soeben ausgeschnittene Grafik als Hintergrundbild zu ohne repeat (soll sich nicht wiederholen).
In dieses div packst du nun dein Menü.

4. Jetzt schneidest du letzte Stück des Bogens von aus der Grafik aus, bis dahin, wo der Strich ganz senkrecht wird. Gib dem div mit der id container via css die Grafik mit dem Bogen als Hintergrundbild. Auch ohne repeat.

5. Hier rein setzt du jetzt noch ein div mit der id content, gibst ihm die Breite, die der Inhalt haben soll schreibst den Text rein und schiebst das div mit margin-left via css so weit nach rechts, daß der Text an der richtigen Stelle sitzt

6. Voilà! Die divs mit id left, middle und right entfernen und fertig.

Berichte dann bitte mal, ob's geklappt hat.

hasimaus · Neuer [**User**] Anmeldung: 29.04.08 Beiträge: 5

Hm ich glaube nicht, dass es so gehen kann, DENN ^^, der Strich hat einen leichten Schatten, also der Innenraum hat einen Verlauf. Ich habe die HP in 5 Teile geteilt, oben ein viereck, wo die eins von glimpse drin ist, dann das, wo das flash menü drin ist.
In der zweiten Zeile habe ich drei Spalten, eine bis zum strich, dann eine vom Strich zum Text und dann eine Spalte wo der Text reinkommt. Denn in die mittlere Spalte kommt noch ein drittes Menü....
Verstehst du was ich meine?
Hab jetzt leider am WE nicht mehr so viel Zeit zu versuchen.

Liebe Grüße
Miriam

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1644

Hallo

Wenn du schon auf Tabellen verzichten möchtest, solltest du vlt. mal damit anfangen, nicht mehr in Tabellen zu denken Smilie

Du musst deine Seite nicht in Spalten und Zeilen aufteilen - erst recht nicht bei deiner Seite.

Ist doch anders viel einfacher Smilie

Im Prinzip einfach so:

Umsetzung

Wobei dabei der komplette Inhalt in das div #ecke_hintergrund kommt - also auch die Navi (die noch entsprechend eingebaut werden muss; ich hab jetzt nur grob die Grafiken aus nem Screenshot kopiert).

Ausrichten innerhalb mit padding, bei margin würde das div einen Abstand nach oben kriegen.

Schöne Grüße,

Chris

PS: Was ist eigentlich mit Besuchern, die kein Flash haben? Dürfen die keine Navigation benutzen? Mit den Augen rollen

eforium · Verfasst am: 01.05.2008, 09:10 Titel:

Du solltest übrigens entweder einen UTF-8 Metatype setzen oder deine Umlaute anders darstellen... FF sieht das so gar nicht gern und der Text ist für mich unleserlich.

hasimaus · Neuer [**User**] Anmeldung: 29.04.08 Beiträge: 5

Naa der Text ist nur ein Beispiel. Das wird eine Homepage über Fotografie.... und ich hab den Text einfach nur eingefügt und war zu faul die Umlaute zu ändern....

Oke, ich schau mir morgen mal an wegen den divs