P
PremKavi
New member
- Beiträge
- 1
- Punkte Reaktionen
- 0
Ein Problem, das ich vorher noch nie hatte. Vielleicht hat jemand eine Idee.
Bevor ich versuche, das Problem zu beschreiben, wäre es vielleicht einfacher, wenn die beiden Webseiten von euch aufgerufen werden. Denn beide haben identischen Inhalt, identischen Code und werden dennoch im Browser grundverschieden dargestellt. Denn auf der Webseite, die im Browser falsch dargestellt wird, ist lediglich der Text deutlich verkürzt worden. Sonst alles exakt so wie auf der anderen Webseite, die im Browser korrekt dargestellt wird. Es handelt sich nämlich lediglich um eine 1:1 Kopie der ursprünglichen Webseite mit deutlich längerem Text.
Auf beiden Webseiten ist ein identisches Bild mit der simplen CSS Anweisung links neben den Inhalt gestellt:
Mit dieser CSS Anweisung habe ich auf Dutzenden von Webseiten Bilder im Fließtext positioniert. Mal auf der rechten Seite, mal auf der linken Seite. Links natürlich dann mit einer margin-right sowie einem float left, ansonsten alles identisch. Bis jetzt hat das immer funktioniert, aber auf dieser Webseite wird der gesamte Content nach rechts verschoben, sodass rechts neben dem Bild kaum noch Platz ist. Der einzige Unterschied ist, dass auf der ursprünglichen Webseite, die korrekt dargestellt wird, reichlich Fließtext rechts neben dem Bild ist, während auf der Webseite, die falsch dargestellt wird, nur wenig Text ist, der auch noch mit Leerzeilen voneinander abgegrenzt ist.
Im Dreamweaver wird die Webseite korrekt, also so, wie sie auch vom Browser eigentlich gezeigt werden sollte, dargestellt. Aber von keinem einzigen Browser. Ich habe es mit vier verschiedenen Browsern ausprobiert. Und zwar sowohl offline als auch online.
Auch den umgebenden Container habe ich auf mehreren Webseiten eingesetzt und nie damit Probleme gehabt:
(Mir ist schon klar, dass ich für ein Responsiv Design die Webseite ohnehin umbauen müsste. Keine fixe Breite, sondern stattdessen max width) . Doch darum geht es im Augenblick nicht.
Das Verhalten der Browser ist mir ein Rätsel. Hat jemand des Rätsels Lösung?
Die Links zu den beiden Webseiten:
korrekte Darstellung:
http://www.akupunkturseminare.de/Akupunktur-Ausbilderin-lang.html
Seitlich verschobene Darstellung:
http://www.akupunkturseminare.de/Akupunktur-Ausbilderin.html
Für einen Hinweis, was falsch ist, wäre ich sehr dankbar.
Bevor ich versuche, das Problem zu beschreiben, wäre es vielleicht einfacher, wenn die beiden Webseiten von euch aufgerufen werden. Denn beide haben identischen Inhalt, identischen Code und werden dennoch im Browser grundverschieden dargestellt. Denn auf der Webseite, die im Browser falsch dargestellt wird, ist lediglich der Text deutlich verkürzt worden. Sonst alles exakt so wie auf der anderen Webseite, die im Browser korrekt dargestellt wird. Es handelt sich nämlich lediglich um eine 1:1 Kopie der ursprünglichen Webseite mit deutlich längerem Text.
Auf beiden Webseiten ist ein identisches Bild mit der simplen CSS Anweisung links neben den Inhalt gestellt:
CSS:
.Bild_rechtsmitText{
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
float: right;
color: #FFC57D;
font-size: 100%;
}Mit dieser CSS Anweisung habe ich auf Dutzenden von Webseiten Bilder im Fließtext positioniert. Mal auf der rechten Seite, mal auf der linken Seite. Links natürlich dann mit einer margin-right sowie einem float left, ansonsten alles identisch. Bis jetzt hat das immer funktioniert, aber auf dieser Webseite wird der gesamte Content nach rechts verschoben, sodass rechts neben dem Bild kaum noch Platz ist. Der einzige Unterschied ist, dass auf der ursprünglichen Webseite, die korrekt dargestellt wird, reichlich Fließtext rechts neben dem Bild ist, während auf der Webseite, die falsch dargestellt wird, nur wenig Text ist, der auch noch mit Leerzeilen voneinander abgegrenzt ist.
CSS:
<p>Studium Chemie und Biologie</p>
<p> </p>
<p>Pädagogische Ausbildung</p>Im Dreamweaver wird die Webseite korrekt, also so, wie sie auch vom Browser eigentlich gezeigt werden sollte, dargestellt. Aber von keinem einzigen Browser. Ich habe es mit vier verschiedenen Browsern ausprobiert. Und zwar sowohl offline als auch online.
Auch den umgebenden Container habe ich auf mehreren Webseiten eingesetzt und nie damit Probleme gehabt:
CSS:
#content{
margin: 0px auto 0px auto;
width: 1000px;
padding: 0px;
}(Mir ist schon klar, dass ich für ein Responsiv Design die Webseite ohnehin umbauen müsste. Keine fixe Breite, sondern stattdessen max width) . Doch darum geht es im Augenblick nicht.
Das Verhalten der Browser ist mir ein Rätsel. Hat jemand des Rätsels Lösung?
Die Links zu den beiden Webseiten:
korrekte Darstellung:
http://www.akupunkturseminare.de/Akupunktur-Ausbilderin-lang.html
Seitlich verschobene Darstellung:
http://www.akupunkturseminare.de/Akupunktur-Ausbilderin.html
Für einen Hinweis, was falsch ist, wäre ich sehr dankbar.
Zuletzt bearbeitet von einem Moderator: