zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE - alles verschiebt sich?!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.10.2006, 16:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2006
Beiträge: 18
gudrun befindet sich auf einem aufstrebenden Ast
Standard IE - alles verschiebt sich?!

hallo,

habe ein problem mit meiner seite - www.officeno1.at/neu - im IE verschieben sich 2 div container - und ich komm nicht dahinter warum?!
in den anderen browser fkt. soweit ichs bis jetzt getestet habe aber alles.

bin dankbar für jeden tipp!

lg gudrun
__________________
Wer arbeitet, macht fehler.
Wer viel arbeitet, macht mehr fehler.
Nur wer die hände in den schoß legt, macht gar keine fehler.

- friedrich alfred krupp
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.10.2006, 22:44
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

ich habe mir deine Seite in 4 verschiedenen Browsern angeschaut und in jedem Browser sieht die Seite anders aus. Kannst du mal sagen, welche Darstellung "richtig" ist?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.10.2006, 23:49
Benutzerbild von laborix
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.12.2005
Beiträge: 1.494
laborix ist ein sehr geschätzer Menschlaborix ist ein sehr geschätzer Menschlaborix ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von gudrun
bin dankbar für jeden tipp!
Ich habe mir mal das CSS angeschaut:

left=180px;
middle=700px;
leftmiddle=415px;
rightmiddle=245px;
right=20px;

Benutze mal Opera 9.02 und schalte dir dort im Autormodus die Hilfen für <divs> und <tags> dazu (habe nur die englische Version, dort heisst es "Debug with outline" und "Show structural elements").

Dort kannst du nachsehen wo die <divs> liegen und die passenden Breiten dazu errechnen. Ich tippe darauf, besonderst wenn ich mit Amaya teste, das du ein Problem mit der max. Breite hast.

Hier ein paar Richtwerte (uralt!)

- 800x600, max. Breite 720px;
- 1024x768, max. Breite 960px;

Testen kannst du das indem du in den Browsern die Sidebar aktivierst.
__________________
Personal stuff
Mit Zitat antworten
  #4 (permalink)  
Alt 21.10.2006, 00:23
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Es mag sein, dass die maximalen Breiten auch eine Rolle spielen. Das Grundproblem dürfte eher die fröhliche Mischung an absolut positionierten und gefloateten Bereichen sein.

Wie schon im Vorposting erwähnt, wird die Seite in verschiedenen Browsern unterschiedlich dargestellt, es wäre daher hilfreich zu wissen, wie die Seite "richtig" aussehen soll.
Mit Zitat antworten
  #5 (permalink)  
Alt 21.10.2006, 13:12
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Validiere mal!

HTML-Tidy meldet ausserdem:
Zitat:
Zeile 72 Zeichen 16 - Warnung: <img> Wert für Attribut "src" fehlt
Code:
<img src="" alt="" name="animation" border="0px" width="180" height="130" id="animation" style="background-color:#6b5c4f" />
--> selfhtml
Zitat:
Zeile 82 Zeichen 3 - Warnung: Tag <img>: Attribut "height" hat ungültigen Wert "1px"
Zeile 82 Zeichen 3 - Warnung: Tag <img>: Attribut "width" hat ungültigen Wert "180px"
Code:
<img src="grafik/pix_dklgrau.gif" height="1px" width="180px" alt="OfficeNo1 Software Solutions" />
--> selfhtml
Zitat:
Zeile 84 Zeichen 1 - Warnung: <form> Anker "form1" bereits definiert
Code:
<form id="form1" name="form1" method="post" action="">
Ursache:
Ein Anker mit diesem Namen wurde bereits definiert, Anker müssen eindeutige Namen haben.
Lösung:
Anderen Namen für einen der Anker verwenden (darauf verweisende Links ebenfalls ändern!).
--> selfhtml
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
  #6 (permalink)  
Alt 21.10.2006, 14:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2006
Beiträge: 18
gudrun befindet sich auf einem aufstrebenden Ast
Standard

also wenn ich mir die seite im safari anschaue ist sie ganz richtig - auch firefox stellt sie korrekt dar (bis auf links oben meinen platzhalter - den lässt firefox weg - da fehlt noch ein bild das später erst dazukommt) auch opera stellt die seite richtig dar. auch der mozilla browser ist ok - bzw. da ist das "problem" mit dem platzhalter.

wirklich durcheinander stellt mir das ganze nur der ie unter windows dar - und da würde ich gerne wissen warum?! was kann ich verändern verbessern damit die boxen nicht mehr verschoben werden?!

lg gudrun
__________________
Wer arbeitet, macht fehler.
Wer viel arbeitet, macht mehr fehler.
Nur wer die hände in den schoß legt, macht gar keine fehler.

- friedrich alfred krupp
Mit Zitat antworten
  #7 (permalink)  
Alt 21.10.2006, 15:41
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
auch opera stellt die seite richtig dar
Dann geh ich mal davon aus, dass die Darstellung wie in Opera gewollt ist.

Deine Seite ist so geschachtelt:

body
---top
---container 880px pA
------left 180px
------middle 700px margin-left:180px; border-left: 1px
---------leftmiddle 415px pA
---------rightmiddle 245px float-right; border-right: 1px
---------footer
---right

#container ist 880px breit. Für #middle ergibt sich 881px.

Damit ist erst ein Problem im IE erklärt. Die weiteren Probleme werden durch die absolute Positionierung hervorgerufen. pA sollte man nur dann einsetzen, wenn man damit umgehen kann. (Nicht bös gemeint). Am besten ersetzt du sie durch floats.
Mit Zitat antworten
  #8 (permalink)  
Alt 21.10.2006, 22:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2006
Beiträge: 18
gudrun befindet sich auf einem aufstrebenden Ast
Standard

hallo,

danke erstmals für die antwort!

ich habe jetzt den container auf 881px "erweitert" aber leider ändert das nichts an der verschobenen darstellung des ie - ich werde morgen oder am montag versuchen die absoluten positionierungen durch floats zu ersetzen.

darf ich fragen WIE man am besten mit absoluten positionierungen umgehen sollte damit es klappt?

ich hab das ganze deshalt so gestaltet damit ich den footer schön unten integrieren kann - sonst hätte das nicht geklappt!

lg gudrun

ps. was stört dich optisch an der seite - wenn du so schreibst - "dann ist das wohl gewollt?!"
__________________
Wer arbeitet, macht fehler.
Wer viel arbeitet, macht mehr fehler.
Nur wer die hände in den schoß legt, macht gar keine fehler.

- friedrich alfred krupp
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Div verschiebt komplette Seite [Erledigt] Daimoch CSS 2 04.03.2010 14:01
Drop down verschiebt sich Darkness1 CSS 0 16.10.2009 14:56
website verschiebt sich :( kevinklein CSS 0 22.05.2007 21:51
Mittlerer Content verschiebt sich nach unten RitterSportHH CSS 3 16.04.2007 17:34
Firefox verschiebt Text. oneByte (X)HTML 20 13.10.2006 20:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:25 Uhr.