php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 22.06.2005, 19:53  
Gast
 
Beiträge: n/a
Standard DIV Layer Anzeige Problem. Nach refresh korrekte Anzeige

Hallöle.

Habe folgendes Problem bei der Anzeige eines DIVs.

Wenn ich die Seite aufrufe wird der Layer schlichtweg zu kurz angezeigt. Verhunzt das ganze Layout. Aber wenn ich genau die gleiche Seite refreshe ist der Fehler auf einmal verschwunden.

Das Problem besteht im IE und im Firefox. Andere sind noch nicht getestet.

So sieht es beim erstmaligen Aufruf der Seite aus:




Und so nach dem refreshen (so soll es auch aussehen)




Wie gesagt das ist genau die selbe Seite. Es liegt nur ein Tastendruck von F5 zwischen den beiden Bildern =)

Der Code lautet wie folgt:


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<link rel="stylesheet" type="text/css" href="CSS/styles.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Mistral Diving Centre on Murter Island. Kosirina Croatia Diving "/>
<meta name="description" content="Diving Centre"/>
<title>Mistral Diving Centre</title>
</head>
<body>

<div id="mc">
	<div id="tc"></div>
	<ul>[*]Home[*]Location[*]Our dives[*]Our courses[*]Our boats[*]Gallery[*]Contact[/list]	<div id="lcccrc">	
		<div id="cc">
		
		<h2>Welcome on the homepage of Mistral Real Diving Centre Croatia</h2>
			<div class="centerpos">[img]gfx/logos/mistralreallogo.gif[/img]</div></p>
			
		</div>		
		<div id="rc"><ul>[*]<a href="gb/index.html">[img]gfx/flaggen/gb.gif[/img]GB[*]<a href="de/index.html">[img]gfx/flaggen/de.gif[/img]DE[/list]</div>	
		<div id="bc"></div>
    
	</div>
	<div id="cf"></div>
</div>


</body>
</html>
Das CSS dazu so:

Code:
html {	height:100%; margin: 0px; padding: 0px; }
body {	height:100%; width: 100%; margin: 0px; padding: 0px; }
h1,
h2 {color: #FFFFFF ; font-family: "Arial" ; font-weight: bold  ; font-size: 35px; margin: 0; padding: 0; text-align: right;padding-top: 25px; letter-spacing: -2px; }
h2 { color: #808080 ; font-size: 20px ; text-align: left ; padding: 15px 15px; letter-spacing: 0}
ul {list-style: none; padding: 0; margin: 0 ; border-style: none;}
#rc img {margin-right: 5px;}
li {margin-right: 15px; float: left; font-family: Arial ; letter-spacing: 0.01em ; margin-left: 7px ; padding: 0; font-weight: bolder; color: #FFFFFF}
p {color: #808080 ; font-family: Verdana ; font-size: 0.7em ; letter-spacing: 0.2em ; padding: 30px }
a {text-decoration: none ; color: #FFFFFF ; width: 80px; font-size: 12px;}
a:hover {background-color: #A8C8FD }
img {border-style: none}
table {color: #808080 ; font-family: Verdana ; font-size: 10px ; letter-spacing: 0.2em ; margin-left: 20px; }
td {padding-left: 10px;}
.centerpos {margin: auto; text-align: center}
#mc { width: 800px; margin: auto ; border-color: #A8C8FD ; border-style: solid; border-width: 1px; background-color: #014790; }
#bc ,
#tc { width: 100%; height:100px ; background-color:#014790; }
#bc {float: left}
#tc { background-image:url(../gfx/logos/header.gif) }
#lcccrc { width: 100%;  }
#rc  { width: 100px; float: right}
#cc { width: 690px ;  background-color: #FFFFFF; float: left ; border-color: #A8C8FD ; border-style: solid; border-width: 2px; border-left: none}
#cf {display: block; clear: left;  visibility: hidden;}
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 22.06.2005, 20:01  
Gast
 
Beiträge: n/a
Standard

Kann man das mal selber ausprobieren, d. h. ist das online?
  Mit Zitat antworten
Alt 22.06.2005, 20:16  
Gast
 
Beiträge: n/a
Standard

jo hier isses:

http://areaemig.de/mistral/index.html

Wenns einmal refresht wurde muss man den Browser neu starten. Aber selbst dann gehts ab und an trotzdem =)
  Mit Zitat antworten
Alt 22.06.2005, 20:21  
Gast
 
Beiträge: n/a
Standard

Klasse, absolut reproduzierbar... hmmm, ist das eine statische Seite oder generierst Du die irgendwie?

//EDIT: Habe grade Tomaten auf den Augen, welches DIV (ID) wird denn erst nach dem Reload angezeigt?
  Mit Zitat antworten
Alt 22.06.2005, 20:25  
Erfahrener Benutzer
 
Registriert seit: 26.10.2003
Beiträge: 592
Baltasar zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

sorry...bei mir wirds im ie 6.0 und im firefox jedes mal absolut identlisch angezeigt..da kann ich noch so oft re-freshen!
Baltasar ist offline   Mit Zitat antworten
Alt 22.06.2005, 20:29  
Gast
 
Beiträge: n/a
Standard

Zitat:
Zitat von PaterNoster
Klasse, absolut reproduzierbar... hmmm, ist das eine statische Seite oder generierst Du die irgendwie?

//EDIT: Habe grade Tomaten auf den Augen, welches DIV (ID) wird denn erst nach dem Reload angezeigt?
hihi is toll gell das des immer wieder funzt =)

Also die Seite ist reines Dummkopfhtml nichts dynamisch

Der Layer der Prbs macht ist meines erachtens "rc"
Der wird immer angezeigt aber manchmal eben zu kurz.

das Komische ist auch, dass wenn der Bug auftritt, das der Layer "cc" auf der Höhe wo normalerweise der "rc" noch sein sollte (aber erst nach refresh erst ist) auch das border attribut verliert!!! (sieht man ganz links, da hat der Rand ein Loch )


aah ich seh grad die page is nimmer XTHML Strict. Aber das sind nur Kleinigkeiten, der Fehler tritt auch in der Strict Version auf
  Mit Zitat antworten
Alt 22.06.2005, 20:31  
Moderator
 
Benutzerbild von robo47
 
Registriert seit: 03.09.2004
Beiträge: 11.798
PHP-Kenntnisse:
Fortgeschritten
robo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblickrobo47 ist ein wunderbarer Anblick
Standard

nur ne idee, kannst du mal die paar html-fehler noch beseitigen:

http://validator.w3.org/check?verbos...ral/index.html
robo47 ist offline   Mit Zitat antworten
Alt 22.06.2005, 20:33  
Gast
 
Beiträge: n/a
Standard

Hätte ich auch eher drauf kommen können, wollte grade die CSS validieren und guck mal, was da kommt

Klick mich

Vielleicht war's das ja schon...
  Mit Zitat antworten
Alt 22.06.2005, 20:36  
Gast
 
Beiträge: n/a
Standard

hmm taucht der Fehler nun noch bei euch auf?

Ich war 100 pro sicher, dass die Seite auch mit bereinigtem Code nicht funzt...

Das CSS ist valide. Die Font Family kann ich aber noch ergänzen wenn euch das lieber ist ;


edit. ja Fehler ist noch da
  Mit Zitat antworten
Alt 22.06.2005, 20:59  
Gast
 
Beiträge: n/a
Standard

Mir gehen grade die Ideen aus, vielleicht liegts an irgendeinem Zusammenspiel OS + Browser.

Also, zum Vergleichen: Bei mir reproduzierbar mit Fedora Core 3 und FF 1.0.3, der Konqueror zeigts auf Anhieb richtig.
  Mit Zitat antworten
Antwort


Themen-Optionen
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

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
JS Refresh Problem im FF GSJLink HTML, Usability und Barrierefreiheit 6 06.02.2008 15:55
kleines Problem mit css layer Rotti HTML, Usability und Barrierefreiheit 0 08.12.2005 22:36
[Erledigt] Problem mit Anzeige einer Tabelle mit dem Firefox? HTML, Usability und Barrierefreiheit 8 28.11.2005 15:08
Anzeige Problem und verlinkungen mit include PHP Tipps 2005-2 3 17.07.2005 13:27
Layer problem (anfänger frage) Dragon26mFR HTML, Usability und Barrierefreiheit 4 12.06.2005 13:04
Problem mit Timestamps für Useronline anzeige PHP Tipps 2005-2 2 07.06.2005 19:51
Problem mit anzeige aus DB, erst nach refresh aktueller wert PHP Tipps 2005 7 27.04.2005 19:42
div Layer Problem mit IE Juuro HTML, Usability und Barrierefreiheit 9 03.02.2005 23:51
problem mit meta refresh mrSpok PHP Tipps 2004 0 13.09.2004 15:16
Problem mit Refresh Kofi PHP Tipps 2004 8 24.08.2004 15:06
Problem bei Datenbankabfrage und Anzeige PHP Tipps 2004 3 07.07.2004 12:02

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
div refresh, refresh div, div layer refresh, div auto refresh, layer anzeige, anzeige erst nach reload, layer-anzeige, angebot refreshing von logo´s, layer refreshen, ie7 css anzeigefehler reload, javasript layer refresh, div layer design mit php include, ie \nach refresh\ richtig, text wird erst nach reload richtig angezeigt html, ie html a href mit bild erst nach reload, float funktioniert erst nach reload, div refresh problem ie, div container anzeige nach f5 korrekt, firefox verliert css reload, im ie layer anzeigen

Alle Zeitangaben in WEZ +1. Es ist jetzt 23:05 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.