Hallo zusammen,
seit einiger Zeit bastel ich ja nun schon an meiner Seite rum. Leider komme ich zur Zeit nicht mehr so viel dazu, ich muss halt wieder arbeiten :cry:
Soweit komme ich ja ganz gut klar und bin zurfrieden und teste noch rum und probiere so einiges aus. Leider habe ich aber nun mit dem IETester festgestellt, dass der Inhalt der Seiten im IE 6 + 7 nicht angezeigt wird. Das Menue und das Kopfbild ist zu sehen, nur der Teil im Inhalt ist nicht da. Im IE 5 ist das Format nicth so toll (was ich aber akzeptieren würde) und im IE 8 + 9 ist alles ok.
Ich würde total gerne die Seite so erstellen, dass sie wenigstens für alle sichtbar ist - auch wenn nicht alles immer korrekt formatiert ist.
Ich stelle mal eine Seite hier ein und wenn mir jemand einen Tipp geben könnte, was ich änder muss......wäre echt toll :mrgreen:
Das ist eine meiner Seiten:
<!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>
<title>Chihuahua-Treff</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link href="design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="kopfbereich">
<p>Chihuahua- und Kleinhundetreff</p>
</div>
<div id="seitenbereich" >
<ul id="navi">
<?php include("navi.php"); ?>
</ul>
<div id="inhalte">
<h3> Und wieder geht es auf die beliebte Strecke
rund um die Halbinsel an der Aggertalsperre.</h3>
<div id="box-akt-treffen" style="margin-bottom:30px" >
<p>Treffpunkt:</p> Parkplatz zur Genkeltalsperre in Gummersbach, Lantenbach.
<p> Sonntag, den 31. Oktober 2010 um 11:00 Uhr. </p>
</div>
<div class="box-breit100"> Eine genaue Wegbeschreibung findet ihr im Menue unter Treffpunkte.</div>
Bei Interesse bitte eine Mail an<a href="mailto:mimilakis@aol.com"> Elli</a> oder <a href="mailto:mail@scheunis.de">Bibi</a>
,damit wir ungefähr wissen, mit wie vielen Zwei- und Vierbeinern wir so rechnen können.
Wo wir dann anschließend einkehren müssen wir erst noch 'auskundschaften'.
Wird aber in jedem Fall vorher noch hier bekannt gegeben.
<div class="box-ellibibi">
<h3>Elli und Bibi</h3>
</div>
</div>
<div id="fusszeile">
<em> http://www.chihuahua-treff.de</em>
</div>
</div>
</body>
</html>
Alles anzeigen
Und das ist die .css Datei - ich denke die braucht ihr auch.
<!--
* {
margin: 0;
padding: 0; }
body {
text-align:center;
}
#kopfbereich {
background:url(bibi+frodo3.jpg) no-repeat center top;
height:165px;
margin-top:0px;
margin-bottom:0pt;
}
#kopfbereich p {
font-size:26px;
text-indent:580px;
padding-top:26pt;
color:white;
}
#seitenbereich {
text-align:left;
margin: 0 auto;
width:1001px;
background-color:#ffffff;
}
#bilder{
height:200px;
width:400pt;
padding: 2px;
line-height: 22pt;
}
ul#bilder li a {
color: #000000;
}
ul#bilder li a:visited {
color: #808080;
}
ul#bilder li a:hover {
color: #CCCCCC;
}
#navi {
float:left;
height:592px;
width:135pt;
padding: 2px;
line-height: 17pt;
background-color:#575757;
margin-left:0px;
margin-top:0px;
}
ul#navi li a {
color: #000000;
text-decoration: none;
}
ul#navi li a:hover {
color: #CCCCCC;
}
ul#presse li a {
color: #000000;
}
ul#presse li a:hover {
color: #CCCCCC;
}
#inhalte-start {
margin-top: 0pt;
margin-left: 135pt;
padding: 20px 0px 20px 20px;
background-color:#919191;
height:555px;
width: 800px;
text-align:center
}
#inhalte {
margin-top: 0pt;
margin-left: 135pt;
padding: 20px 0px 20px 20px;
background-color:#919191;
height:555px;
width: 800px;
}
.spalte { padding:0px; text-align:center; width:33%; float: left;
}
.box-klein {
margin-top:30px;
margin-left:0px;
width: 170px;
height: 50px;
padding: 10px;
}
.box-ellibibi {
margin-top:20px;
width: 170px;
height: 50px;
padding: 10px;
background-color: ;
}
.box-breit {
width: 80%;
padding-top: 20px;
background-color: #800080;
}
.box-breit100 {
width: 97%;
padding-top: 20px;
background-color: #00FFFF;
}
.box-breit-b {
margin-top:20px;
padding: 10px;
font-weight:bold;
width: 800px;
}
.box-bilder {
margin-top:20px;
padding: 10px;
}
p { color:black;
font-weight:bold;
padding-top: 10px;
padding-bottom: 10px;
}
#box-termin {
color:#ffffff;
margin-top:20px;
width: 145px;
height: 50px;
padding: 0px;
border:4px outset #ffffff ;
background-color:#575757;
}
#box-akt-treffen {
margin-top:50px;
margin-left:200px;
width: 350px;
height: 150px;
padding: 10px;
text-align: center;
border:8px groove #ffffff ;
background-color:#575757;
}
#fusszeile {
font-size:10pt;
margin: 0 auto;
background-color:#575757;
border-top:10px;
width:1001px;
text-align: center;
}
li {
color: #600000;
list-style: none;
margin-left:20px;
margin-top:10px;
}
h1 {
background:url(bibi+frodo3.jpg) no-repeat center top;
height:130px;
margin-top:0px;
margin-bottom:0pt;
/* font style */
font-size:26px;
text-indent:580px;
padding-top:26pt;
color:white;
}
h2 {
font-size:26px;
margin-top:10px;
margin-bottom: 30px;
}
h3 {
margin-top:10px;
margin-bottom:10px;
font-size:17px;
font-weight:bold;
}
/*
#links {
float:left;
width:250px;
height:266px;
margin-left:20px;
}
#rechts {
float:left;
width:250px;
height:266px;
margin-right:20px;
}
#links-a {
width:300px;
height:150px;
margin-left:20px;
margin-right:40px;
border:8px groove #ffffff ;
}
#rechts-a {
width:300px;
height:200px;
margin-left:40px;
margin-right:20px;
} */
-->
Alles anzeigen
Bitte nicht über komische Farben oder so wundern. Ich habe mir teilweise die Boxen markiert, um sie besser zu erkennen.
Ich denke, der Quelltext hat bestimmt so seine Macken und ist in keinem Fall perfekt. Also bitte habt Nachsicht......
Viele Grüße
Andrea Scheunemann