Seite im IE nicht angezeigt

ruzz · #1 (**permalink**) 02.01.2009, 18:24

Hallo zusammen,

ich bin noch Anfänger mit HTML und CSS und seit kurzem mit einem Problem beschäftigt.
Ich bin dabei diese Seite umzusetzen: Hier lang

Soweit so gut. Sicherlich kein perfekter Code. Aber das Problem: Diese wird, so wie ich es ausprobiert habe im IE nicht angezeigt. Lediglich die Hintergrundfarbe. Ich arbeite mit Safari und da, sowie im Firefox funktioniert alles problemlos...

Habt ihr eine Idee, wo der Fehler liegt? Ich hab das ganze mal durch einen Validator geschickt und mach mich jetzt daran, die angezeigten Fehler zu beseitigen...

Vielen Dank schonmal für eventuelle Tips.

Crizzo · #2 (**permalink**) 02.01.2009, 18:38

Fangen wir mal vorne an: [Invalid] Markup Validation of http://www.canro.de/lehmbaecker/ - W3C Markup Validator

W3C CSS Validator results for http://www.canro.de/lehmbaecker/ (CSS level 2.1)

Nicht der "perfekte Code" ist leider ziemlich untertrieben. Wieso hast du überall "<big>, <font>, <small>" und alle möglichen anderen Elemente?

Deine ganzen leeren <div> sind auch ziemlich suboptimal.

Wie hast du CSS gelernt?

Am besten schreibst du erstmal ein sinnvolles HTML-Dokument ohne an dein Design zu denken und danach nutzt du CSS.

ruzz · #3 (**permalink**) 02.01.2009, 18:47

Hmmm...
Das mit den "<big>, <font>, <small> Elementen ist mir jetzt auch grad aufgefallen... die hab ich so eigentlich nicht reingemacht. Eigentlich hatte ich das ganze komplett in einem Texteditor geschrieben.
Und für die Inhalte hab ich einen WYSIWYG Editor genommen. NVU oder so heißt der.
Hmm... Ursprünglich sah das eigl so aus:

Zitat:

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Willkommen auf der Webseite der Frauenarztpraxis Susanne LehmbŠcker</title>
<link href="style.css" type="text/css" rel="stylesheet" media="screen" />
</head>
<div id="header"></div>
<div id="pageLeft"></div>
<div id="pageRight1"></div>
<div id="pageRight2"></div>
<div id="contentLeft"></div>
<div id="nav"></div>
<div id="navBottom"></div>
<div id="bar"></div>
<div id="content"></div>
<div id="footRight"></div>
<div id="footer"></div>
</body>
</html>

und:

Zitat:

/* Stylesheet elly schreibt */

body {
background-color:#c9d35a;
background-image: url(images/background.jpg);
background-repeat:repeat-x;float:left;">
}

#header
{
background-image: url(images/header.jpg);
position:absolute;
left:0px; top:0px; width:1050px; height:172px;
}

#pageLeft
{
background-image: url(images/pageLeft.jpg);
background-color:#FFFFFF;
position:absolute;
left:0px; top:172px; width:48px; height:628px;
}

#pageRight1
{
background-image: url(images/pageRight1.jpg);
background-color:#FFFFFF;
position:absolute;
left:668px; top:172px; width:56px; height:628px;
}

#pageRight2
{
background-image: url(images/pageRight2.jpg);
background-color:#FFFFFF;
position:absolute;
left:895px; top:172px; width:155px; height:628px;
}

#contentLeft
{
background-image: url(images/contentLeft.jpg);
background-color:#FFFFFF;
position:absolute;
left:48px; top:172px; width:10px; height:543px;
}

ul {
margin:0px;
list-style-type:none;
position:absolute;
left:684px; top:172px; width:171px; height:166px;
}
text-align:center;
margin-left:auto;
margin-right:auto; }

#li.navi {
float:right; }

li#start {
width:171px;
height:21px;
background-image: url(images/start.jpg); }

li#start:hover {
width:171px;
height:21px;
background-image: url(images/start_on.jpg); }

li#praxis {
width:171px;
height:26px;
background-image: url(images/praxis.jpg); }

li#praxis:hover {
width:171px;
height:26px;
background-image: url(images/praxis_on.jpg); }

li#team {
width:171px;
height:23px;
background-image: url(images/team.jpg); }

li#team:hover {
width:171px;
height:23px;
background-image: url(images/team_on.jpg); }

li#praxisprofil {
width:171px;
height:24px;
background-image: url(images/praxisprofil.jpg); }

li#praxisprofil:hover {
width:171px;
height:24px;
background-image: url(images/praxisprofil_on.jpg); }

li#anfahrt {
width:171px;
height:23px;
background-image: url(images/anfahrt.jpg); }

li#anfahrt:hover {
width:171px;
height:23px;
background-image: url(images/anfahrt_on.jpg); }

li#impressum {
width:171px;
height:26px;
background-image: url(images/impressum.jpg); }

li#impressum:hover {
width:171px;
height:26px;
background-image: url(images/impressum_on.jpg); }

li#kontakt {
width:171px;
height:23px;
background-image: url(images/kontakt.jpg); }

li#kontakt:hover {
width:171px;
height:23px;
background-image: url(images/kontakt_on.jpg); }

#navBottom
{
background-image: url(images/navBottom.jpg);
background-color:#FFFFFF;
position:absolute;
left:724px; top:338px; width:171px; height:309px;
}

#bar
{
background-image: url(images/bar.jpg);
background-color:#FFFFFF;
position:absolute;
left:58px; top:172px; width:610px; height:27px;
}

#content
{
background-image: url(images/content.jpg);
background-color:#FFFFFF;
position:absolute;
left:58px; top:199px; width:610px; height:516px;
}

#footRight
{
background-image: url(images/footRight.jpg);
background-color:#FFFFFF;
position:absolute;
left:724px; top:647px; width:171px; height:153px;
}

#footer
{
background-image: url(images/footer.jpg);
background-color:#FFFFFF;
position:absolute;
left:48px; top:715px; width:620px; height:85px;
}

Und dann eben alle div-tags mit css versehen.

Gelernt eigl garnicht...

sondern nur die Grundlegenden Sachen angeguckt und eingebaut...
Na dann nochmal neu..

Crizzo · #4 (**permalink**) 02.01.2009, 18:49

Kauf dir mal Little Boxes 1 & 2 (Bücher) oder schau dich dort um: Einführung in XHTML, CSS und Webdesign und danach The StyleWorks { Herzlich Willkommen } hier.

Es macht nämlich keinen Sinn, dir jetzt die Grundlagen beizubringen, was auch nicht der Sinn des Forums ist.

ruzz · #5 (**permalink**) 02.01.2009, 18:50

Okay, Danke!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seite wird nicht richtig angezeigt	chrissie65	CSS	9	27.06.2010 12:11
Seite aus iFrame raushalten: klappt nicht in FF und Chrome	Kangooroo	(X)HTML	6	29.04.2010 10:29
Probleme mit dem Layout: divanordnung	Muckel	CSS	8	29.06.2008 11:28
Verhindern dass FF beim Druck die Seite Zerstückelt/verteilt	cre-aid	CSS	0	18.04.2008 10:23
Probleme auf Seite für den Mainchat	Nightrider	CSS	12	08.01.2007 09:49