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
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
Das ist eine meiner Seiten:
- Code: Alles auswählen
<!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>
Und das ist die .css Datei - ich denke die braucht ihr auch.
- Code: Alles auswählen
<!--
* {
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;
} */
-->
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
