power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 28.12.2005, 21:23   #1
TP-Member
 
Registriert seit: Jan 2004
Ort: Pirna
D.A.M. macht alles soweit korrekt
Lightbulb

Zentrierscript vorladen, um *LayoutSprung* zu vermeiden...


Hi Leutz , ich habe diese Portalseite vollständig (HTML4-konform nach WC3-Check) mit Layertechnik erstellt und verwende ein Script, um das verschachtelte Layout bei jeder Auflösung zu zentrieren. Leider entsteht dieser unschöne ladebedingte Sprungeffekt in die Mitte... Kennt jemand eine geschickte Lösung, um diesen *ZentrierSprung* zu umgehen? Könnte man das Layergerüst sofort über das Script zentrieren, oder würde eine Vorladefunktion für das Script helfen?

Beste Grüße DAM
D.A.M. ist offline   Mit Zitat antworten


Alt 28.12.2005, 21:51   #2
TP-Specialist
 
Benutzerbild von rewboss
 
Registriert seit: Mar 2005
Ort: Unterfranken
rewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKE
Ich glaube nein. Erst, wenn alles heruntergeladen worden ist, kann der Browser erkennen, wie breit und wie hoch der Inhalt ist. Und erst, wenn er das weiß, kann er alles zentrieren.
rewboss ist offline   Mit Zitat antworten
Alt 28.12.2005, 21:57   #3
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Wieso machst du das überhaupt mit JS, und nicht simpel mit CSS allein?
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 28.12.2005, 22:06   #4
TP-Member
 
Registriert seit: Jan 2004
Ort: Pirna
D.A.M. macht alles soweit korrekt
@Boris...ganz einfach, weil das Script einfacher einzubinden, plattformunabhängig, abwärtskompatibel ist - CSS 2 nicht ... ich lass mich aber mit (d)einer alternativen CSS-Lösung, die nicht springt gern überzeugen ;-)

Geändert von D.A.M. (28.12.2005 um 22:12 Uhr).
D.A.M. ist offline   Mit Zitat antworten
Alt 28.12.2005, 22:27   #5
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Dein Script funktioniert in meinem Firefox 1.5 schonmal überhaupt nicht - erst, wenn ich nachträglich das Browserfenster ändere, springt es in die Mitte.

Zum Problem: http://www.google.de/search?q=css+vertical+center

Die ersten Treffer behandeln und lösen dein Problem.

P.S. Jemand, der eine (unvalide) Website mit absoluter Positionierung und altem Doctype nur mit DW erstellt, sollte nicht von "einfacher einzubinden, plattformunabhängig, abwärtskompatibel" sprechen IMHO.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 28.12.2005, 23:15   #6
TP-Member
 
Registriert seit: Jan 2004
Ort: Pirna
D.A.M. macht alles soweit korrekt
@boris: 1. glaube ich dass soviel Unvalides ich und alle anderen Dreamworker guten Gewissens verkraften können

2. *dein* Browserfenster sollte und wird ja auch in der Regel wie bei den meisten Usern natürlich größer als 100x100 Pixel sein ;-)

3. Ich glaube, dass die Zeit der militanten Handcoder ala Notepad wohl vorbei ist, insofern kann ich über Deinen Doct(or)typ(ischen) Unterton nur grinsen ...

Last but not least werde ich mir trotz alledem deine Google-Tipps zu Gemüte führen, obwohl mich Deine persönliche Lösung (aus einen CSS-Editor?) brennend interessiert hätte

PS: auch wenns jetzt zu spät ist, das mit dem CSS-Editor nehm ich kurz vorm Jahreswechsel zurück ... ;-)

Geändert von D.A.M. (28.12.2005 um 23:23 Uhr).
D.A.M. ist offline   Mit Zitat antworten
Alt 29.12.2005, 00:43   #7
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Zu 1. Valider Code? Ok, da geb ich dir recht (wie auch der Validator). Guter Code? Semantik? Nein.

Zu 2. Mein Browserfenster ist meist ca. 1000x800 pixel breit, mal mehr, mal weniger. Manchmal wird deine Website zentriert, manchmal nicht. Das spricht für mich gegen eine JS-Lösung

Zu 3: Ich bin ein Klugscheisser, stimmt. Aber glaub mir, ich bin nicht der einzige, der "nur" mit Editoren à la Notepad & Co arbeitet. Es ist anders herum - die Zeit der militanten WYSIWYG-Benutzer, die oft keine Ahnung haben, was ich Programm da an HTML und CSS produziert, geht vorbei.

Zu 4. Hab ich dir einige Links gegeben. Verstehst du sie nicht, zeig ich dir gern ein Beispiel.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 29.12.2005, 02:10   #8
TP-Veteran
 
Benutzerbild von fettmme
 
Registriert seit: Feb 2002
fettmme bringt sich richtig einfettmme bringt sich richtig ein
Zitat:
Zitat von Boris
Zu 3: Ich bin ein Klugscheisser, stimmt.
Da kann ich mir ein grinsen nicht verkneifen
__________________
class GetProfileCustomerEntityReceiverInformationReceiverAndProgrammingInforma...{
public function __construct(){ if(!$this) die(' '); } }
http://www.thedailywtf.com/
fettmme ist offline   Mit Zitat antworten
Alt 29.12.2005, 02:42   #9
TP-Insider
 
Benutzerbild von lipsum
 
Registriert seit: Feb 2004
Ort: zinnwald / osterzgebirge
lipsum hilft, wo's gehtlipsum hilft, wo's gehtlipsum hilft, wo's geht
also zuerst mal - das dreamweaver-script wurde ja erfunden, um den resize-bug im netscape 4.x zu beheben. wenn man das also einbaut und dann als begründung für eine zentrierung
Zitat:
"einfacher einzubinden, plattformunabhängig, abwärtskompatibel"
anführt, dann sollte das ganze schon auch wirklich abwärtskompatibel sein. zu diesem thema mal ein screenshot von der seite im netscape 4.78

wer kein javascript aktiviert hat, bekommt von der ganzen schönen zentrierung schon mal gar nix mit.

und wenn man sich die seite mit deaktivierten stylesheets anschaut, fehlen zwei drittel des textes.

meine empfehlung:
wenns denn schon "anwärtskompatibel usw." sein soll und auf semantik kein wert gelegt wird, dann lieber das ganze in eine zentrierte tabelle packen.

gruß
steffen
Miniaturansicht angehängter Grafiken
zentrierscript-vorladen-um-layoutsprung-vermeiden-moebelplus.jpg  
lipsum ist offline   Mit Zitat antworten
Alt 29.12.2005, 10:22   #10
TP-Specialist
 
Benutzerbild von Rinaldo
 
Registriert seit: Oct 2003
Ort: Niederbayern
Rinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine User
Bei mir klappt die momentane "Zentrierung" auch nicht wirklich...

Aber webcreate hat hier mal etwas CSS gepostet, dass horziontal u. vertikal zentriert: -klick-
Rinaldo ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Zentrierscript vorladen, um *LayoutSprung* zu vermeiden... Zentrierscript vorladen, um *LayoutSprung* zu vermeiden...
« CSS - Einstieg und Empfehlung | Feuerschrift »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:22 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67