Probleme im FF, Probleme im FF |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Probleme im FF, Probleme im FF |
Tue. 18. January 2011, 14:24
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hallo Forum,
ich habe einmal mehr eine Frage an die erfahrenen Programmierer und Designer unter euch. Ich habe zum ersten Mal eine Website mit <div> erstellt und ja. Da fangen die Probleme schon an. Wie immer habe ich einen kapitalen Fehler gemacht und mir das "Produkt" zwar im IE angeschaut, aber eben vergessen im Safari und im Firefox das gleiche zu tun. Lange rede kurzer Sinn: die Website wird nur im IE richtig und fehlerfrei dargestellt. Im Firefox als auch im Safari verschieben sich die divs wahrlos und folgen nicht dem Code. Hier ist mal der Link zur Website: www.four-tec.de Was auffällt ist, dass im IE alles stimmt, im FF und safari aber die ganze Website rechts dargestellt wird und das foother-div sich nach oben verschiebt. Zum Darstellen der divs habe ich folgenden Code benutzt: QUELLTEXT <style type="text/css">
<!-- * { margin: 0; padding: 0;} /* Höhen- und Breitenanpassung zu 10%; Scrollbar ausblenden */ body, html{ width: 100%; height: 100%; overflow: hidden;} /* BG-Image auf unterste Ebene anordnen */ #bgImg{ position: absolute; top: 0; left: 0; border: 0; z-index: 0;} /* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */ #bodyDiv{ position: absolute; top: 0; left: 0; z-index: 2; overflow: auto; width: 100%; height: 100%; text-align: center;} /* Layoutelemente */ #mainDiv{ width: 600px; height: 100px; text-align: left; margin: 0px auto;} #headDiv{ border: 0px solid #000; background: #;} #contentDiv{ border: 0px solid #000; background: #; margin-top: 2px; height: 1000px;} #footerDiv{ border: 0px solid #000; background: #; margin-top: 2px;} //--> </style> Der Beitrag wurde von amk bearbeitet: Tue. 18. January 2011, 19:03
Bearbeitungsgrund: thema verschoben - off-topic
-------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Fri. 21. January 2011, 20:00
Beitrag
#2
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hi Jürgen,
habe ich auch schon gesehen :/ Werde daran arbeiten. Aber mal was anderes: Das #foother div ... Wie bekomme ich das denn an das ENDE der Seite, ohne dass es so dämlich drüber gelegt wird, oder das #content div eine Höhehangabe benätigt. Ganz einfach an das Ende der Seite unten dran geh#ngt eben ... Jemand nen Plan? Auf der Startseite habe ich es so angewiesen mit der Höhe - da wird das DIV schön unten angehängt: QUELLTEXT #headDiv{ border: 0px solid #000; background: #;} #contentDiv{ border: 0px solid #000; background: #; margin-top: 2px; height: 1400px;} #footerDiv{ border: 0px solid #000; background: #; margin-top: 2px;} //--> Nun sind aber meine Seiten nicht immer gleich lang ... der Content also unterschiedlich lang, bspw. bei den Fahrzeugen - dort arbeite ich mit der folgenden Anweisung... leider wird da das #foother so blöde über den Endinhalt der Seite gelegt ... QUELLTEXT #headDiv{ border: 0px solid #000; background: #;} #contentDiv{ border: 0px solid #000; background: #; margin-top: 2px; height: 1400px;} #footerDiv{ border: 0px solid #000; background: #; margin-top: 2px; position: fixed; bottom: 0px;} P.S.: @Jürgen: Ich schätze das mit dem Validator echt !!! Versteh mich nicht falsch, aber manche Fehler die der so ausgibt kommen mir spanisch vor. Ich habe mal die Seite einer medienagentur gecheckt und komme da auf ähnliche viele Fehler (www.kreative-medien.de) ... nur mal als Beispiel ... Der Beitrag wurde von webmasterFF bearbeitet: Fri. 21. January 2011, 20:14 -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 20.9.24 - 03:20 |