| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
09.06.2011, 06:18
| |
| Neuer Benutzer Registriert seit: 09.05.2011
Beiträge: 21
PHP-Kenntnisse: Anfänger  |  IE 6.0 problem mit Darstellung Hallo , ich habe eine Homepage erstellt und nun ein paar Probleme mit der Darstellung. Meine Homepage sieht im FireFox oder IE 8.0 eigentlich ganz gut aus. So nun wollte ich auf der Arbeit in die Page shauen und ich war überrascht ... alles verzerrt ... Dies liegt daran das wir noch altmodisch mit dem IE 6.2 arbeiten..... Nun suche ich Infos was man tun muss damit die Homepage auch im IE 6.x anschaulich da steht ..... Code: <STYLE>
A {
text-decoration: none;
font-size: 18px;
color: #FFF;
}
A:Hover {
text-decoration: none;
color: #FFF;
}
</STYLE>
<style type="text/css">
#Haupt-Container {
margin: 0px auto;
height: 2000px;
width: 1000px;
}
.Home {
font-size: 16px;
}
body {
background-color: #000;
}
#Haupt-Container #Navi #apDiv2 p {
font-size: 11px;
}
#Haupt-Container #Navi #apDiv2 p {
font-weight: normal;
}
#apDiv8 {
position:absolute;
width:1000px;
height:115px;
z-index:2;
top: 1695px;
}
#apDiv9 {
position:absolute;
margin: auto auto;
width:73px;
height:35px;
z-index:2;
top: 36px;
left: 45%;
}
#apDiv10 {
position:absolute;
width:86px;
height:86px;
z-index:3;
left: 100px;
top: 6px;
}
#apDiv11 {
position:absolute;
width:92px;
height:85px;
z-index:3;
right: 99px;
top: 6px;
left: 790;
}
#apDiv13 {
position:absolute;
width:370px;
height:102px;
z-index:3;
left: 35%;
top: 1902px;
color: #FFF;
font-size: 9px;
font-family: "Comic Sans MS", cursive;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #FFF;
}
#apDiv1 {
position:absolute;
width:200px;
height:150px;
z-index:4;
left: 59px;
color: #FFF;
font-family: "Comic Sans MS", cursive;
top: 154px;
}
#GelbTabelle {
color: #FF0;
}
#GelbTabelle {
color: #FF0;
}
.WeissTabelle {
color: #FFF;
}
.GelbTabelle {
color: #FFF;
}
.GelbTabelle {
color: #FF0;
}
.ZentrierenTabelle {
text-align: center;
}
#Haupt-Container #Maintheme #apDiv1 table {
font-size: 12px;
text-align: left;
}
.linkklein {
font-size: 12px;
}
#apDiv3 {
position:absolute;
width:1000px;
height:800px;
z-index:3;
left: 0px;
top: 25px;
color: #FFF;
}
#Haupt-Container #Maintheme #apDiv3 table {
text-align: center;
font-size: 16px;
}
</style>
</head>
<body>
<center>
<div id="Haupt-Container">
<div id="Header" style="position:fixed; top:0px; z-index:2;"><img src="Bilder/Main/Header.jpg" alt="leer" name="Header" width="1000" height="200" id="Header"></div>
<div id="Navi" style="position:fixed; top:165px; z-index:3; text-align: center; font-weight: bold; color: #FFF; font-size: 18px;"><table width="1000" border="0" cellpadding="6">
<tr>
<td width="50"> </td>
<td width="55" style="text-align: center; font-size: 18px;"><a href="../default.html">Home</a></td>
<td width="58"><span style="text-align: center; font-size: 18px;"><a href="Galerie.html">Galerie</a></span></td>
<td width="86"><span style="text-align: center; font-size: 18px;"><a href="Abzugeben.html">Abzugeben</a></span></td>
<td width="41"><span style="text-align: center; font-size: 18px;"><a href="Verpaarung.html">News</a></span></td>
<td width="46"><span style="text-align: center; font-size: 18px;"><a href="Links.html">Links</a></span></td>
<td width="65"><a href="Kontakt.html">Kontakt</a></td>
<td width="164"><a href="Abgabebedingungen.html">Abgabebedingungen</a></td>
<td width="7"> </td>
<td width="173"> </td>
<td width="99"><span style="text-align: center; font-size: 18px;"><a href="Impressum.html">Impressum</a></span></td>
</tr>
</table>
</div>
<div id="Maintheme" style="position:absolute; top:200px; z-index:1;"><img src="../Bilder/Main/Body.jpg" alt="leer" name="Header" width="1000" height="1700" id="Maintheme2" />
<div id="apDiv3">
<table width="1000" border="0" cellpadding="6">
<tr>
<td> </td>
<td height="57" colspan="8"><p>Abzugebene Nachzuchten aus folgenden Verpaarungen</p></td>
</tr>
<tr>
<td width="10"> </td>
<td width="200"><a href="Abzugeben Pastel Albino x Classic.html"><img src="../Bilder/Schlupf/Pastel het Albino/Gelege Pastel het Albino.jpg" alt="" width="200" height="145" border="0" /></a></td>
<td width="10"> </td>
<td width="200"> </td>
<td width="20" height="150"> </td>
<td width="200" height="150"> </td>
<td width="10" height="150"> </td>
<td width="200"> </td>
<td width="10" height="150"> </td>
</tr>
<tr>
<td> </td>
<td>Albino Pastel x Classic</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="apDiv8"><img src="../Bilder/Main/Footer.jpg" width="1000" height="100" alt="" />
<div id="apDiv9"><a href="http://www.counter-kostenlos.net/" target="_blank"><img src="http://www.counter-kostenlos.net/counter.php?id=124647" alt="kostenlose counter" border="0"></a><br /></div>
<div id="apDiv10"><a href="../Bilder/Main/Piebald Logo.gif"rel="lightbox[logo]"><img src="../Bilder/Main/Logo Piebald mini.gif" alt="" width="85" height="85" border="0" /></a></div><div id="apDiv11"><a href="../Bilder/Main/Albino Pastel Logo.gif"rel="lightbox[logo]"><img src="../Bilder/Main/Logo Albino Pastel mini.gif" alt="" width="85" height="85" border="0" /></a></div>
</div>
</div>
</div>
</div>
</center>
</body>
</html>
Gruss Miraculix1234 |
|  |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
09.06.2011, 06:34
| |
| Erfahrener Benutzer  Registriert seit: 26.07.2010
Beiträge: 4.865
PHP-Kenntnisse: Fortgeschritten   | http://validator.w3.org/ Der oben gepostete Quellcode bringt jeden browser zum "quirksen", da er Murks ist ( fast schon Murks³ ).. Wenn du bei dem von mir geposteten Link bei 0 Fehler angelangt bist, sollte dein IE Asbach.0 das ding auch ( halbwegs ) korrekt anzeigen. Erkundige dich zum Fehlerdezimieren auf einschlägigen Seiten über die Art und Weise der HTML-Definition und deren Standard(s). Halte dich prinzipiell immer an ebendsolch(En), dann sparst du dir das jetzige re-validieren. Das ihr auf der Arbeit noch IE 6.2 nutzt lässt darauf schließen das euer Administrator entweder zu starke Drogen nimmt oder aus dem Letzten Urlaub von vor 5 Jahren noch nicht zurückgekehrt ist..
__________________  Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr. |
| |
|
09.06.2011, 08:45
| ||
| Erfahrener Benutzer  Registriert seit: 28.12.2010
Beiträge: 599
PHP-Kenntnisse: Anfänger | Zitat:
 | |
|
| |
|
09.06.2011, 08:53
| |
| Erfahrener Benutzer Registriert seit: 01.09.2010
Beiträge: 4.561
PHP-Kenntnisse: Fortgeschritten | oder er für einen MultiMillionen Euro Konzern arbeitet, der Custom-Anwendungen laufen hat, die auf IE6 aufsetzen - und nicht willens ist, diese Anwendungen für Millionen Euro neuschreiben zu lassen - denn die laufen ja bestens im alten IE6 (10 Jahre++)
__________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste  |
|
| |
|
09.06.2011, 09:01
| |
| Neuer Benutzer Registriert seit: 09.05.2011
Beiträge: 21
PHP-Kenntnisse: Anfänger | eagle liegt da schon eher richtig  geht es , das man mehrere definitionen für den Style angibt ohne das der neuere Explorer dann ins straucheln kommt ?? |
|
| |
|
09.06.2011, 09:39
| ||
| Erfahrener Benutzer Registriert seit: 30.07.2008
Beiträge: 1.167
PHP-Kenntnisse: Fortgeschritten | Zitat:
| |
|
| |
|
09.06.2011, 10:16
| ||
| Erfahrener Benutzer Registriert seit: 26.07.2010
Beiträge: 4.865
PHP-Kenntnisse: Fortgeschritten | Zitat:
Wenn du das dann durch hast kannst du mit IntärNett Ex-Plorrär Browser-Weichen anfangen, wobei ich allerdings bezweifel das die überhaupt in deinem Fall nötig sind..
__________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr. | |
|
| |
|
09.06.2011, 10:20
| ||
| da schreibt der ElePHPant  Registriert seit: 18.06.2008
Beiträge: 8.903
PHP-Kenntnisse: Fortgeschritten | Zitat:
| |
|
| |
|
09.06.2011, 10:38
| |
| Erfahrener Benutzer Registriert seit: 26.07.2010
Beiträge: 4.865
PHP-Kenntnisse: Fortgeschritten | Hmm, okay, spielt er halt verstecken mit uns ( mir ? ), anyway, wenn das ding valide ist kümmer dich ums CSS ( incl. browserweichen ).. Wir wissen z.b. nichtmal auf was dein Dokument vom DocType her validiert sein soll.. Ich würde eh bei Darstellungsproblemen erst HTML -> CSS ( -> JQueryUI / sonstwas javascript gestütztes ) -> kompabilität prüfen. Browser-Addons / Inbuild CSS-Modifing Engines ( wie in Chrome / Iron ) sind da sicherlich ganz hilfreich was die kompabilitätsprüfung angeht.. Gestaltet sich aber IE6 technisch dann doch etwas komplizierter als gedacht. Soweit ich mir erinner ( und das tu' ich a) ungern und b) nur unter Zwang ) hatte der IE6 doch so seine probs ( IE4-7 ) was die Box-treue beim rendern anging. Würde in deine Fall bedeuten das du by default jedes Element enstprechend vorbiegen musst ( * { border:0; padding:0; margin:0; } ) da sonst diverse Browser ( IE  ) ungewollte Zwischenräume in jedmöglichen ungünstigen Situationen ungewollt herbeizaubern..Mag sein das ich mich da jetzt Irre, wie du sicher vermutest hat der IE6+ bei mir schwere Traumata hervorgerufen und ich hab die meiste Erfahrung damit verdrängt..
__________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr. |
|
| |
|
09.06.2011, 14:54
| |
| Erfahrener Benutzer Registriert seit: 01.09.2010
Beiträge: 4.561
PHP-Kenntnisse: Fortgeschritten | Ich versteh dich, troy - der IE 6 war aber der erste Microsoft Browser, der sich am w3c-Boxmodell orientiert hat. leider sind die Programmierer wohl von ihren eigenen Management-Leuten immer wieder ausgebootet worden und wurden so zu einigen Sachen gezwungen (gerüchtehalber) siehe dazu http://www.peterkropff.de/tutorials/...l_css_bugs.htm - wie ich überhaupt Peter Kropffs Seite für alles was CSS angeht nur empfehlen kann Beliebte Kandidaten im IE6 sind der 3 Pixel-Jog (2 oder mehrere Elemente nebeneinander mit Margin-left / margin-right, bekommen auf "magische" Weise 3 Pixel mehr Abstand ... zum Bleistift Label und Input-Element und schon zerschießt es einem das pixelgenau vorgegebene Layout ( Layout-Vorgabe vom Unternehmen) ... da unter dem Link gibts Abhilfe
__________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste |
|
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Problem mit Darstellung von Umlauten | vinter | PHP Tipps 2009 | 2 | 22.01.2009 02:37 |
| Problem mit Basedir in PhP | cmuch05 | Datenbanken | 9 | 08.01.2009 14:17 |
| [Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal | soulan | PHP Tipps 2008 | 13 | 28.11.2008 22:51 |
| Problem Upload mehrere Dateien und schreiben in DB | Lapje | PHP Tipps 2008 | 1 | 22.10.2008 13:12 |
| utf8 Problem (Daten aus DB auslesen) | go1denboy | PHP Tipps 2008 | 1 | 23.09.2008 12:19 |
| Problem mit swfobjects | R4v3r | JavaScript, Ajax und mehr | 8 | 21.09.2008 14:17 |
| [Erledigt] Galerie Problem... | coraplanet | PHP Tipps 2008 | 4 | 06.06.2008 13:42 |
| datensätze defekt oder problem mit dem einlesen? | Ministry | Datenbanken | 4 | 06.07.2006 18:42 |
| Problem mit Darstellung im IE | Charly Shop Sui | HTML, Usability und Barrierefreiheit | 2 | 30.06.2006 15:45 |
| Problem mit Darstellung von Bildern >100K | LP | Server, Hosting und Workstations | 43 | 20.02.2006 22:50 |
| problem!!! | PHP Tipps 2006 | 6 | 08.02.2006 11:06 | |
| [Erledigt] wieder ein Problem bei phpmailer und smtp | PHP Tipps 2006 | 24 | 07.02.2006 01:07 | |
| Smarty und PHP-Skript Problem | PHP Tipps 2004-2 | 2 | 03.12.2004 22:27 | |
| Problem mit darstellung zufälliger Thumbs (array) | PHP Tipps 2004 | 2 | 20.10.2004 15:22 | |
| Problem mit alter JavaScript-Funktion | woods | PHP Tipps 2004 | 1 | 13.08.2004 13:34 |
| Besucher kamen über folgende Suchanfragen bei Google auf diese Seite |
| i e 6.0 probleme, tabelle color #fff, font fehler darstellung ie, phpmailer html problem ie darstellung |
