Layer verschieben sich...

Rocco

hab auf meiner page ziemlich viele layer, weil es die einfachste methode ist, bilder und texte an eine gewisse position zu bringen, jedoch ist sie ja auch ziemlich "unsauber".

jedoch verschiebt mit firefox meine layer. im IE wirds normal angezeigt.
das komische ist jedoch, dass FF nur auf einer einzigen seite meiner homepage die layers verschiebt. alle anderen werden korrekt angezeigt...???

naja...welche saubere(!) methode gibt es denn noch, den inhalt an bestimmte stellen zu bringen, damit sie auch 100%ig korrekt von allen gängigen browsern dargestellt werden?

mfg
rocco

Beatz

Tabellen ... nur das ist noch eine andere Methode, die nicht direkt vergleichbar ist. Allerdings ist sie in meinen Augen wunderbar geeignet, um eine Webseite zu layouten. Aber mit Layern sollte das eigentlich ohne Probleme gehen. Evtl hast Du ja einen kleinen Fehler gemacht oder eine Kleinigkeit übersehen. Poste doch mal die URL.

rothom

Hallo Rocco,

also wenn das Layout vom Firefox nur auf einer einzigen Seite nicht korrekt dargestellt wird, dann musst du auf dieser einen mehr oder minder gravierenden Fehler haben. Vielleicht ein DIV nicht geschlossen oder u. U. falsch verschachtelt? Kann mich Beatz nur anschliessen: her mit der URI

Gruss,
rothom

Rocco

ja bitte schaut mal:

auf "Termine" ==> dort sind die bilder zu den beiträgen verschoben (aber nur bei firefox / mozilla)

in der "Bildergalerie" hab ich auch alles mit layer gemacht, hier verschiebt sich aber nix...

danke!
mfg
Mini

PS: in diesem fall ("termine"), würde sich eine tabelle aber hervoragend eignen... wieso mir das nicht früher eingefallen ist....???

Beatz

Hmmm ... also so einige Fehler hast Du schon drauf. Beispielsweise schreibst Du font size anstatt fint-size. Du deklarierst ganz oft einen Layer mit gleicher ID, usw. Du hast noch 'ne Menge zu tun. Das fehlende ALT Attribut in den Bildern wird es allerdings nicht sein. Aber schau doch mal in den Validator.
::] http://validator.w3.org/check?uri=http…ktivitaten.html

Cyberlord

Verwende eher CSS.
Also zB bei der Schriftgröße:
<font style="font-size: 13px">
anstatt <font size="3">

rothom

Nun, einige grundlegende Fehler sind ja nun schon genannt worden. Ich
hätte an deiner Stelle auch auf die absoluten Positionierungen verzichtet.
Aber um deine Seite nicht gleich in der Luft zu zerreissen, vielleicht an
dieser Stelle mal ein Lösungsansatz für dich.

Nur um das Beispiel mit deinem Bild und dem sich anschliessenden Text mal zu nehmen.

CSS

Code

#bild {margin: 0px; float: left;	}
#text {margin-left: 50px; }

HTML

Code

<div id="bild">
[img].......[/img] (dein Bild)
</div>


<div id="text">
Dein Text
</div>


<div id="bild">
[img].......[/img] (das nächste Bild)
</div>


<div id="text">
Und noch mehr Text
</div>


....
....
....

Alles anzeigen

Den HTML-Teil kannst du beliebig wiederholen. Es spielt dabei keine Rolle, dass diese beiden Layer ("bild" und "text") immer wieder genannt werden.

Einfach mal ein wenig experimentieren.

Gruss,
rothom

Rocco

ja hatte die page schnell erstellen müssen (==> dreamweaver) und jetz hab ich endlich mal zeit die page per hand zu überarbeiten. das heißt ich werde vieles per CSS regeln und etwaigen um-sonstigen code löschen bzw. schöner schreiben. mal schaun ob ich das mit den layern hinkrieg...

Rocco

hab das jetzt mit einer tabelle gelöst... ist in diesem fall das einfachste und beste. eine frage bleibt mir da aber noch offen:

wie kann ich ein bild in einer tabelle nach rechts oben schieben. es gibt doch nur align="right" bzw. ="top" ...wie kann ich die beiden verbinden?

mfg
Mini

Cyberlord

align=right
valign=top

Kannst beides angeben.

Rocco

eigenartig.... das funktioniert nicht. es steht zwar auch so in der selfhtml drinnen, aber es geht einfach nicht?!?!?? hier der code:

Code

<td>[img]sonnenblume.jpg[/img]</td>

Cyberlord

Schreibs so:

Code

<td align="right" valign="top">[img]sonnenblume.jpg[/img]</td>

Tags