... im IE ist alles verschoben außerdme ist daas navi nicht komplett und die inhalte werden links angezeigt.
http://personenverkehr-nrw.de/bus/
Im Mozilla funktioniert es einbandfrei
Kennt jemand eine Lösung ( Bin erst Anfänger)
Bedanke mich im Vorraus für Antworten
Mfg
Vollansicht: Seite wird im IE nicht richtig angezeigt..
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
moin!
Als erstes würde das:
Direkt unter dem <head> rausnehmen, also aus:
wird
Und dann nochmal probieren...
Nur als ganz schnelle Antwort, vielleicht hilft es...
have fun and ice!
Als erstes würde das:
ZITAT
Gründe dein eigenes virtuelles Bahnunternehmen- www.vibahnunternehmen.de
Direkt unter dem <head> rausnehmen, also aus:
QUELLTEXT
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
Gründe dein eigenes virtuelles Bahnunternehmen- www.vibahnunternehmen.de
<title>Bus- und Bahnbilder aus NRW</title>
<meta name="author" content="Tony Menzlin">
<meta name="keywords" lang="de" content="">
<meta name="description" content="">
<meta http-equiv="language" content="de">
<meta http-equiv="imagetoolbar" content="no">
<meta name="robots" content="index,follow">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" media="all" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {background-color: #32CD32;}
-->
</style>
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
...
<html>
<head>
Gründe dein eigenes virtuelles Bahnunternehmen- www.vibahnunternehmen.de
<title>Bus- und Bahnbilder aus NRW</title>
<meta name="author" content="Tony Menzlin">
<meta name="keywords" lang="de" content="">
<meta name="description" content="">
<meta http-equiv="language" content="de">
<meta http-equiv="imagetoolbar" content="no">
<meta name="robots" content="index,follow">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" media="all" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {background-color: #32CD32;}
-->
</style>
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
...
wird
QUELLTEXT
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bus- und Bahnbilder aus NRW</title>
<meta name="author" content="Tony Menzlin">
<meta name="keywords" lang="de" content="">
<meta name="description" content="">
<meta http-equiv="language" content="de">
<meta http-equiv="imagetoolbar" content="no">
<meta name="robots" content="index,follow">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" media="all" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {background-color: #32CD32;}
-->
</style>
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
<html>
<head>
<title>Bus- und Bahnbilder aus NRW</title>
<meta name="author" content="Tony Menzlin">
<meta name="keywords" lang="de" content="">
<meta name="description" content="">
<meta http-equiv="language" content="de">
<meta http-equiv="imagetoolbar" content="no">
<meta name="robots" content="index,follow">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" media="all" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {background-color: #32CD32;}
-->
</style>
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
Und dann nochmal probieren...
Nur als ganz schnelle Antwort, vielleicht hilft es...
have fun and ice!
Hat schonmal nichts gebracht
mfg
mfg
moin!
Mhm, dann "riecht" es nach einem Problem mit css und 'floating' bzw. 'clearing' der Divs.
Das kann zu einem Abendfüllenden Programm werden. Daher der Aufruf an unsere CSS-Experten...
Alternativ könntest du auch das Ganze mit etwas mehr Tabelleneinsatz umsetzen, die alte Schule und
von manchen CSS-Verfechter bestimmt als Ketzerei angesehen...
Tabellen haben aber den Vorteil, dass sie leichter zu erlernen sind (jeder hat damit schon mal irgendwie gearbeitet)
und es gibt nicht so große Unterschiede bei den verschiedenen Browsern.
Aber wie gesagt, ist Ketzerei...
Sorry, wenn ich dir so nicht weiterhelfen konnte....
have fun!
Mhm, dann "riecht" es nach einem Problem mit css und 'floating' bzw. 'clearing' der Divs.
Das kann zu einem Abendfüllenden Programm werden. Daher der Aufruf an unsere CSS-Experten...
Alternativ könntest du auch das Ganze mit etwas mehr Tabelleneinsatz umsetzen, die alte Schule und
von manchen CSS-Verfechter bestimmt als Ketzerei angesehen...
Tabellen haben aber den Vorteil, dass sie leichter zu erlernen sind (jeder hat damit schon mal irgendwie gearbeitet)
und es gibt nicht so große Unterschiede bei den verschiedenen Browsern.
Aber wie gesagt, ist Ketzerei...
Sorry, wenn ich dir so nicht weiterhelfen konnte....
have fun!
Hallo
Herätiker! Auf den Scheiterhaufen mit ihm! ;-)
Mal im ernst:
Das Dokument hat den falschen Charset. Tony gibt utf-8 an, benutzt aber ISO 8859-1. Nachdem ich das dem Validator mitgeteilt habe, findet der einen Fehler, schon mal gut so (dass es nur einer ist). Es ist ein nicht geöffnetes <div>, also ein </div> zuviel in der Zeile 111 (müsste vor dem Footer sein). Das sollte bei der Fehlertoleranz des IE nicht stören, aber dennoch beseitigt werden.
Jetzt zum CSS. Da kann einiges optimiert werden, ohne dadurch Änderungen zu verursachen.
Ähnliche Unachtsamkeiten sind in den weiteren Blöcken zu finden. Im HTML-Quelltext gibt es auch einige Sachen, die fragwürdig sind (Einsatz von ungeeigneten Elementen an einigen Stellen). Mit deinem jetzigen Problem haben die aber höchstwahrscheinlich nichts zu tun. Ein Fehler, der durch das ganze Menü fortgeschrieben wird, sollte aber dennoch eliminiert werden, weil er die HTML-Parser verwirren könnte. Undzwar geht es um die angezeigten spitzen Klammern hinter den Linktexten. Die müssen maskiert werden (bitte ohne Leerzeichen zu notieren: & l t ; ), weil sie in HTML eigentlich dazu da sind, einen Tag einzuleiten.
Der CSS-Code, der die Positionierung regelt, scheint grundsätzlich in Ordnung zu sein. Das einzige, was den IE (welche Version meinst du eigentlich?) verwirren könnte, ist die Kombination von float:left; und float:right;. Die Abstände, die über margin geregelt sind, überschreiten auch nicht die durch #wrapper vorgegebene Breite von 1000 Pixeln. Ansonsten ist da nichts, mit dem der IE nicht umgehen kann. Folgend sind die Blöcke, auf alle dafür relevanten Angaben zusammengedampft, dargestellt.
Beseitige also bitte erstmal die Fehler (namentlich im HTML-Quelltext), um zu schauen, ob sich schon dadurch eine Änderung einstellt.
Tschö, Auge
[edit]Bin auf die Smileyengine reingefallen[/edit]
ZITAT(harlequin @ 02.07.2009 - 14:08) 
Alternativ könntest du auch das Ganze mit etwas mehr Tabelleneinsatz umsetzen, die alte Schule und
von manchen CSS-Verfechter bestimmt als Ketzerei angesehen... ;)
von manchen CSS-Verfechter bestimmt als Ketzerei angesehen... ;)
Herätiker! Auf den Scheiterhaufen mit ihm! ;-)
Mal im ernst:
Das Dokument hat den falschen Charset. Tony gibt utf-8 an, benutzt aber ISO 8859-1. Nachdem ich das dem Validator mitgeteilt habe, findet der einen Fehler, schon mal gut so (dass es nur einer ist). Es ist ein nicht geöffnetes <div>, also ein </div> zuviel in der Zeile 111 (müsste vor dem Footer sein). Das sollte bei der Fehlertoleranz des IE nicht stören, aber dennoch beseitigt werden.
Jetzt zum CSS. Da kann einiges optimiert werden, ohne dadurch Änderungen zu verursachen.
QUELLTEXT
#wrapper {
text-align : left;
margin : 0 auto;
padding : 0;
border : 0;
width : 1000px;
background : #32CD32 repeat; /* Farben können nicht repeated werden, also weg mit 'repeat' */
border-width : 2px;
border-style : solid;
border-color : #111111;
/* Oben gibst du border:0; an, hier gibst du der Border doch wieder Eigenschaften.
Zudem kannst du die auch mit border: 2px solid #111; zusammenfassen */
padding : 1px;
padding-top : 0;
padding-bottom : 0;
/* Ebenso: oben padding:0; hier zusammenfassbare Eigenschaften: padding:0 1px; */
text-align : justify;
/* oben text-align:left; hier text-align:justify; */
}
text-align : left;
margin : 0 auto;
padding : 0;
border : 0;
width : 1000px;
background : #32CD32 repeat; /* Farben können nicht repeated werden, also weg mit 'repeat' */
border-width : 2px;
border-style : solid;
border-color : #111111;
/* Oben gibst du border:0; an, hier gibst du der Border doch wieder Eigenschaften.
Zudem kannst du die auch mit border: 2px solid #111; zusammenfassen */
padding : 1px;
padding-top : 0;
padding-bottom : 0;
/* Ebenso: oben padding:0; hier zusammenfassbare Eigenschaften: padding:0 1px; */
text-align : justify;
/* oben text-align:left; hier text-align:justify; */
}
Ähnliche Unachtsamkeiten sind in den weiteren Blöcken zu finden. Im HTML-Quelltext gibt es auch einige Sachen, die fragwürdig sind (Einsatz von ungeeigneten Elementen an einigen Stellen). Mit deinem jetzigen Problem haben die aber höchstwahrscheinlich nichts zu tun. Ein Fehler, der durch das ganze Menü fortgeschrieben wird, sollte aber dennoch eliminiert werden, weil er die HTML-Parser verwirren könnte. Undzwar geht es um die angezeigten spitzen Klammern hinter den Linktexten. Die müssen maskiert werden (bitte ohne Leerzeichen zu notieren: & l t ; ), weil sie in HTML eigentlich dazu da sind, einen Tag einzuleiten.
Der CSS-Code, der die Positionierung regelt, scheint grundsätzlich in Ordnung zu sein. Das einzige, was den IE (welche Version meinst du eigentlich?) verwirren könnte, ist die Kombination von float:left; und float:right;. Die Abstände, die über margin geregelt sind, überschreiten auch nicht die durch #wrapper vorgegebene Breite von 1000 Pixeln. Ansonsten ist da nichts, mit dem der IE nicht umgehen kann. Folgend sind die Blöcke, auf alle dafür relevanten Angaben zusammengedampft, dargestellt.
QUELLTEXT
#side-left {
float : left;
width : 170px;
}
#content {
float : right;
width : 797px;
}
#footer {
clear : both;
}
float : left;
width : 170px;
}
#content {
float : right;
width : 797px;
}
#footer {
clear : both;
}
Beseitige also bitte erstmal die Fehler (namentlich im HTML-Quelltext), um zu schauen, ob sich schon dadurch eine Änderung einstellt.
Tschö, Auge
[edit]Bin auf die Smileyengine reingefallen[/edit]
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.