Darstellung IE und Firefox

Lothar1999 · 14.09.2006, 00:06

Hallo,

bin gerade dabei mir eine Hompage mit GOLIVE CS2 zu erstellen. Da ich noch Anfänger in diesem Bereich bin, habe ich eine Frage zur unterschiedlichen Darstellung der Seiten im IE und im Firefox. Ich kann mir im Moment nicht erklären, warum der Firefox am oberen Rand eine Zeile zusätzlich hat? Genauso ist es mir nicht klar warum im IE das Menü kleiner ist und der Page-Counter viel zu tief hängt.

Dann noch eine Frage, wie bekomme ich den im Footer das Wort "oben" nach rechts ausgerichtet?

http://lothar1999.lo.funpic.de/index.html

Hoffe auf Hilfe!

Gruß
Lothar1999

MatthiasG · 14.09.2006, 07:22

sicher das du diesen quelltext mit GL 2 erstellt hast ?
weil da stimmt ja gar nichts, vom skript her.

MatthiasG · 14.09.2006, 07:34

das hast du doch nicht selber gemacht oder ?

ist ja auch wurscht allerdings sollte man wissen wieso der grüne header, einen margin-top von 15px zugewiesen hat.

aber der quelltext ist der hammer, solltest du unbedingt mal überarbeiten.

gruss
mg

UweB · 14.09.2006, 08:05

Hallo Lothar,
deine Seite ist mit CSS aufgebaut, da solltest du dich erst einmal mit den Grundlagen auseinander setzten.
Dein Quellcode sieht aber tatsächlich etwas wild zusammenkopiert aus.
(z.B. wären da gleich fünf Listen ohne Inhalt...)
Wenn du das in Ortnung bringst, lösen sie vielleich ein paar Probleme von selbst.
So macht es jedenfalls keinen Spass da nach Fehlern zu suchen...

Zitat:

Dann noch eine Frage, wie bekomme ich den im Footer das Wort "oben" nach rechts ausgerichtet?

Indem du das Copyright und das Wort oben in zwei getrennte Boxen (div-Elemente) schreibst. Einmal "float: right", einmal "float: left".

Gruß
Uwe

MatthiasG · 14.09.2006, 08:11

@uwe
lag am header ...ich habe mich durchgequaelt

Dirk Levy · 14.09.2006, 09:57

Das liegt aber weniger an GoLive,
da ist im Quellcode gefuscht worden
oder unsachgemäß bedient worden:

<style type="text/css" media="screen"><!--

<html>

</script>

Sowas geht nie gut.....

Gruß

Dirk

Lothar1999 · 14.09.2006, 10:43

Ich bin ein Anfänger, hatte ich doch Eingangs geschrieben oder? Und warum die Frage ob ich das selber gemacht habe? Ich habe eine CSS Vorlage von GOLIVE "versucht" umzubauen und zwar die BAND-Vorlage. Ich dachte eigentlich dass ich einige Hinweise bekomme was ich falsch gemacht habe. Aber mit den Antworten dass alles Schei... ist, kann ich natürlich wenig anfangen und dass ich mich ertsmal mit CSS auseinandersetzen soll, ja was glaubt Ihr eigentlich was ich die ganze Zeit mache?

Ok, war ja auch nur ein Versuch.

Gruß
Lothar1999

Dirk Levy · 14.09.2006, 10:46

Hallo, liest Du eigentlich was die Leute schreiben,
in fast jedem Beitrag steht ein Hinweis!?

Gruß

Dirk

MatthiasG · 14.09.2006, 10:48

in deiner datei style.css ist der header dort den außenabstand auf 0 setzen.

und noch was, das alles scheiße ist hat keiner geschrieben

Lothar1999 · 14.09.2006, 10:54

Zitat:

Zitat von UweB

Hallo Lothar,
deine Seite ist mit CSS aufgebaut, da solltest du dich erst einmal mit den Grundlagen auseinander setzten. Uwe

ich versuche es gerade (learnig by doing, BUCH lesen und hoffentlich verstehen)

Zitat:

Zitat von UweB

Dein Quellcode sieht aber tatsächlich etwas wild zusammenkopiert aus.
(z.B. wären da gleich fünf Listen ohne Inhalt...)

leider nix verstehen, welche Listen sind denn da gemeint?

Zitat:

Zitat von UweB

Indem du das Copyright und das Wort oben in zwei getrennte Boxen (div-Elemente) schreibst. Einmal "float: right", einmal "float: left".
Uwe

Danke für diesen Hinweis!
Gruß
Lothar1999

MatthiasG · 14.09.2006, 11:00

diese listen meint er:

PHP-Code:


			
<ul id="Home" class="leftCol"></ul>

müßte wahrscheinlich eher so aussehen, mußt mal probieren. pack deine links in die dazugehörigen listen.
bsp.:

PHP-Code:


			
<ul id="Home" class="leftCol"><h3 class="leftCol"><a href="#">HOME</a></h3></ul>

UweB · 14.09.2006, 11:26

Hallo Lothar,
wenn du dich einarbeiten willst, würde ich dir raten, nicht gleich so ein kompliziertes Layout zu nehmen.

Woran sollen wir denn erkennen, welche Elemente deines Quellcodes dir bekannt sind und welche offenbar nicht?
<ul>..</ul> umschließt eine Liste. Listenelemente werden mit <li>...</li> eingeschlossen. Mein Hinweis bezieht sich also tatsächlich auf die <ul>-Elemente.

Gruß
Uwe

Lothar1999 · 14.09.2006, 11:58

Hallo UweB,

ich hab's doch auch garnicht so gemeint. Ich dachte, dass dieses Layout doch schon relativ einfach ist, aber ich sitze ja auch schon 2 Wochen, natürlich nicht ständig, an diesen Seiten. Ich habe ein dickes GOLIVE Buch, aber man muss sich halt da irgendwie durcharbeiten und einfach mal machen.

Ich bin trotzdem froh, dass man die Seite auf jeden Fall schon mal "anschauen" (nicht den Code) kann. Die Seiten sollen ja nur dazu dienen, ein paar Bilder mit den Bekannten auszutauschen, also nichts Profimässiges.

Von den Profis (euch) hole ich mir dann die Tipps, wie ich meine Seite verbessern kann

Gruß
Lothar1999

lizzard2 · 16.09.2006, 15:43

also ich kann für anfänger nur video2rain, bei englischkenntnissen lynda.com empfehlen.

bin eigentlich der absolute bücherwurm. aber solche dinge sind per video einfach praxisnäher.

wobei ich eindeutig lynda.com produkte bevorzuge, da sie schneller das ergebnis darstellen und gern auch mal zeigen, was passiert, wenn man es falsch macht. dies erleichtert mir mittlerweile sehr schnell meine anfängerfehler ausfindig zu machen im quelltext, auch wenn ich diesen komplett durch golivecs2 erstellen lasse.

die ganze listen ohne inhalt müssen ja irgendwo herkommen bei dir. vielleicht sollte du zwei verscheidene sites aufsetzen. eine zum rumspielen und die andere, um deine seite voran zu bringen? dann vergisst man nicht irgendwelche teile, die man mal eben kurz irgendwo reinkopiert und dann iweder vergisst.

Boris · 16.09.2006, 22:49

Nimm auch mal *alles*, was vor dem DOCTYPE steht heraus, sprich:

Code:

<!-- Hier beginnt die neue Datei -->
<!--                             -->
<!-- (C)opyright by Lothar Heil  -->
<!--  Germany                    -->
<!-- Stand: 16.09.2006           -->
<!--                  -->
<!-- Farbe = BACEC2   -->

Dadurch landet der IE nämlich im sogenannten Quirksmodus und interpretiert CSS Angaben falsch. Dadurch ist da alles "zu klein".

Darstellung IE und Firefox

noch ein Tipp?