zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme mit CSS Frameerstellung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.06.2011, 20:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2011
Beiträge: 22
joergi befindet sich auf einem aufstrebenden Ast
Standard Probleme mit CSS Frameerstellung

Halli Hallo,

ich habe hier ein Problem, bei dem ich keine Lösung finde. Vielleicht könnt Ihr mir ja helfen .......

Ich habe eine Seite erstellt, bei dem die Fußzeile fixiert ist und nur der darüberliegende Bereich gescrollt wird. Das ganze funktioniert auch soweit. Es gibt nur zwei Einschränkungen:

1. Ein Hintergrundbild bewegt sich komischerweise nicht, wenn der Scrollbalken bewegt wird.
2. Beim Internet Explorer, erscheint ein Querbalken, wenn eine Tabelle 100 % beträgt und der Text größer als die Seite ist. Zwar verschwindet das Problem, wenn die Tebelle weniger als 100 % beträgt, aber es muß doch dafür noch eine andere Lösung geben, oder?

Vielen Dank im voraus für Eure Hilfe

Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <style type="text/css">
    html, body
    {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    }

    div.menue
    {
    height:30px;
    width:100%;
    padding-left:0px;
    background-color:#c100ff;
    text-align:center;
    }

    div.inhalt
    {
    margin-left:0px;
    padding-left:0px;
    height:97%;
    overflow:auto;
    }
    </style>
    <body background="grafik.gif" link="#2543CF" alink="#2543CF" vlink="#2543CF">
    <div class="inhalt">
      <table border="0" width="100%">
        <tr>
          <td width="100%"><hr size="1">
          </td>
        </tr>
      </table>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    <p align="center">inhalt</p>
    </div>
    <div class="menue">
    Hier steht das Menue
    </div>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.06.2011, 21:11
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von joergi Beitrag anzeigen
1. Ein Hintergrundbild bewegt sich komischerweise nicht, wenn der Scrollbalken bewegt wird.
Richtig, weil normalerweise nur der Inhalt des Elements gescrollt wird, nicht das Element als ganzes.

Du hast zwei Möglichkeiten, die Gewünschte Darstellung zu erreichen:
  1. Du verwendest ein zusätzliches div-Elemente innerhalb von div.inhalt, das die Größe des Elternelement annimt und das Hintergrundbild trägt.
  2. Oder, du nutzt background-attachment: local; was bisher aber nur Opera und der IE (ab v9) korrekt unterstützen. WebKit (Chrome) unterstützt den Wert fehlerhaft und Firefox bisher gar nicht.

Zitat:
Zitat von joergi Beitrag anzeigen
2. Beim Internet Explorer, erscheint ein Querbalken, wenn eine Tabelle 100 % beträgt und der Text größer als die Seite ist. Zwar verschwindet das Problem, wenn die Tebelle weniger als 100 % beträgt, aber es muß doch dafür noch eine andere Lösung geben, oder?
Nur Im IE7, soweit ich sehe. Nicht in IE8 und 9. Vernachlässigbar.

Ich zweifle daran, dass du hier eine Tabelle wirklich benötigst, versuche ein passenderes Element zu finden
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.06.2011, 22:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2011
Beiträge: 22
joergi befindet sich auf einem aufstrebenden Ast
Standard Probleme mit CSS Frameerstellung

Hi Gato,

danke für die schnelle Antwort. Aber leider bin ich noch ein blutiger Anfänger. Daher weiß ich auch nicht, wie ich ein weiteres "DIV" nach "Inhalt" deklarieren soll.

Bei meinem zweiten Problem weiß ich nicht, was Du mit einem anderen Element meinst. Kannst Du mir evtl. ein konkretes Beispiel nennen, wie dieser horizontale Querbalken beim IE nicht erscheint?
Dieser erscheint übrigens auch im Internet Explorer 9!


Ich habe mal die Quellcodes von Beispielen anderer CSS Scripte ausprobiert. Aber alle scheinen dasselbe Problem zu haben. Der Fehler liegt wohl in der Zeile

Code:
html, body {margin:0; padding:0; height:100%; overflow:hidden;}
den der Explorer nicht richtig auszuzeigen scheint. Aber auch alle anderen Werte bringen keine Besserung, so das eine Browserweiche keine Lösung bringen würde.

Danke im voraus für die Antwort
Mit Zitat antworten
  #4 (permalink)  
Alt 27.06.2011, 02:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2011
Beiträge: 22
joergi befindet sich auf einem aufstrebenden Ast
Standard Probleme mit CSS Frameerstellung

Sooo,

habe jetzt noch ein bisschen herumexperimentiert und die Lösung für die zwei Probleme gefunden.

1. Die Lösung war wirklich einfach. Klappt mit allen Browsern einwandfrei

2. Der Querbalken tritt komischerweise nur bei meinem IE9 (32 und 64 BIT) auf. Aber auch hier bei anderen Homepages, die nachweißlich ohne CSS arbeiten. Meine Frau hat den IE8 und hier gibt es das Problem nicht. Aber wenn es ja sowieso nicht mehr in den neuen Browern der IE Reihe auftritt, ist das ja kein Problem
Mit Zitat antworten
  #5 (permalink)  
Alt 27.06.2011, 08:15
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von joergi Beitrag anzeigen
Der Fehler liegt wohl in der Zeile
Code:
html, body {margin:0; padding:0; height:100%; overflow:hidden;}
overflow:hidden für body und html ist nicht dein Ernst.
Das solltest du unbedingt rausnehmen.

PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
mit dem Doctype laufen die Browser im Quirksmode, soweit ich weiss.
Setz doch erst mal einen vernünftigen Doctype ein.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 27.06.2011, 10:46
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.776
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
mit dem Doctype laufen die Browser im Quirksmode, soweit ich weiss.
Setz doch erst mal einen vernünftigen Doctype ein.
Du irrst dich.
Schau doch mal in deinen Link rein ...
Mit Zitat antworten
  #7 (permalink)  
Alt 27.06.2011, 11:17
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Du irrst dich.
Schau doch mal in deinen Link rein ...
ups, stimmt.
Danke für die Korrektur.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
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
CSS für Firefox, IE, Opera Probleme - Browserweiche talkuvit CSS 4 31.10.2009 19:07
Revoltec Fighter Mouse Pro CSS Probleme Pracht Offtopic 3 24.09.2009 19:33
Probleme mit simplen CSS Layout sidewayz CSS 1 10.07.2009 21:49
paar Probleme mit dem CSS Layout SimonK. CSS 6 05.10.2008 15:57
CSS und IE - Link als Block macht Probleme Morjo CSS 4 25.06.2008 14:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:13 Uhr.