Hi,
Zitat:
|
Vermutlich hast Du eingestellt, dass bei Dir beim Upload alle Leerzeichen entfernt werden - dann gibt es dieses Ergebnis. Oder es lag am Copy + Paste.
|
Ok, wo kann man dies den einstellen bzw. abstellen?
Habe das ganze gerade mit IE getestet, gestern hatte ich nur Firefox und Opera ausprobiert. Und musste feststellen, dass irgendwas schief gegangen ist. Und zwar ist der Text der in <p> ist ganz schmall als hätte man margin: 5px 600px 0px 5px; eingestellt habe jedoch margin:5px 300px 0px 5px;. Dies ist jedoch nur so wenn ich Fotos im Inhalt habe, wenn ich nur Text einfüge ist die Formatierung ok. Siehe Code unten.
Das Problem bei IE, weswegen ich nicht sofort testen kann ist, dass ich keine php Dateien aufrufen kann, muss immer die Datei in html umbennenen. Liegt bestimmt an irgendeiner Einstellung aber welcher?
Zitat:
|
Kenne deinen Code nicht Nimm doch meinen, da funktionierts ( oben ergänzt) Listen sind übrigens eigenständig und sollten/dürfen nicht innerhalb von Absätzen erscheinen. Mach dich schlau
|
Also habe gestern mit meinem Code den selben Teilerfolg wie mit dem von andir. Bei Opera und IE ist alles OK und bei Firefox ist das Quadrat nicht ganz dargestellt.
Siehe jpg:
firefox
und Opera & IE:
Hier ist mein ganzer CODE:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>.:seite:.</title>
<meta http-equiv="Content-Type" content="text/html;">
<meta name="author" content="">
<meta name="robots" content="index, follow"> <!-- robot should analyse linked pages -->
<meta name="revisit-after" content="1 day"> <!-- robot should come again after x days -->
<meta name="content-language" content="de">
<script type="text/javascript" src="../css/js/mootools.js"></script>
<script type="text/javascript" src="../css/js/slimbox.js"></script>
<link rel="stylesheet" href="../css/css/slimbox.css" type="text/css" media="screen" />
<style type="text/css">
/* --------- Allgemeines ---------- */
*{
margin:1;
padding:0;
border:0;
}
body {
color: white; background-color: black;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
text-align: center; /* Zentrierung im Internet Explorer */
}
#seite {
position:relative;
text-align: center;
width: 754px;
margin: 0 auto 0 auto;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
background: transparent url(../bilder/hintergrund.jpg) no-repeat;
border: 0px ridge silver;
}
#title{
width: 754px;
height:146px;
text-align: center;
background: #000 url(../bilder/ani-bw-gif.gif);
background-repeat:no-repeat;
background-position:center;
border-bottom: 0px solid silver;
}
#navi{
width:760px;
height:40px;
}
#main{
width: 738px; /* 430*/
height: 366px;
border: 1px solid green;
}
#inhalt{
width: 738px; /* 430*/
height: 366px;
color: white;
overflow: auto;
border-top: 0px solid silver;
border-bottom: 1px solid silver;
padding:0px 5px ;
margin: 0px 5px ;
/*text-align: left;*/
text-align:justify;
font-size:15px;
}
#footer{
width:750px;
height:30px;
margin: 0px;
padding: 2px 2px 0px;
text-align: center;
color: #fff;
background-color: #000;
}
h1{
font-size:18px;
text-decoration: underline;
font-weight: bold;
color: green;
margin: 6px 300px 0px 6px; /*2 Spalten Effekt*/
}
h2{
font-size:16px;
margin: 6px 300px 0px 6px; /*2 Spalten Effekt*/
color: white;
text-decoration: underline; font-weight: bold;
}
h3{
margin: 5px 300px 0px 5px; /*2 Spalten Effekt*/
color: white;
text-decoration: underline; font-weight: bold;
}
a{
padding: 0.1em;
text-decoration:underline;
color: white;
}
p{
text-align:justify;
margin: 5px 300px 0px 5px; /*2 Spalten Effekt*/
}
#inhalt li{
list-style-type:square;
text-align:left;
margin: 5px 300px 0px 5px; /*2 Spalten Effekt*/
}
a:hover{
color: #999;
text-decoration:underline;}
img {
float:left;
margin:5px;
}
</style>
</head>
<body>
<div id="seite">
<div id="title"></div>
<div id="navi">
<div class="navi">
</div> <!-- ende class navi -->
</div> <!-- ende id navi -->
<div id="inhalt">
<h1>DATES</h1>
<li>Date 1</li>
<li>Date 2</li>
<h1>NEWS</h1>
<h2>22.04.03 Mein Test</h2>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<a href="testbild/testbild1352.JPG" rel="lightbox[testbild]"><img src="testbild/testbild1352.JPG" width="370" height="67" border="1" alt="Bild 1"></a>
<a href="testbild/testbild1353.JPG" rel="lightbox[testbild]"><img src="testbild/testbild1353.JPG" width="370" height="67" border="1" alt="Bild 2"></a>
<a href="testbild/testbild1349.JPG" rel="lightbox[testbild]"><img src="testbild/testbild1349.JPG" width="370" height="67" border="1" alt="Bild 3"></a>
<h2>24.05.08 Weiter gehts mit dem nächsten Thema</h2>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<a href="testbild/testbild1352.JPG" rel="lightbox[testbild]"><img src="testbild/testbild1352.JPG" width="370" height="67" border="1" alt="Bild 1"></a>
<a href="testbild/testbild1353.JPG" rel="lightbox[testbild]"><img src="testbild/testbild1353.JPG" width="370" height="67" border="1" alt="Bild 2"></a>
<a href="testbild/testbild1349.JPG" rel="lightbox[testbild]"><img src="testbild/testbild1349.JPG" width="370" height="67" border="1" alt="Bild 3"></a>
<h2>20.04.08 Weiter gehts mit dem nächsten Thema</h2>
<p><a href="test.jpg" rel="lightbox[samba]"><img src="test.jpg" width="115" height="115" border="1"></a>
text text text texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext text
</p>
<br><br><br>
<h2>09.03.08 Weiter gehts mit dem nächsten Thema</h2>
<p><a href="test2.jpg" rel="lightbox[test2]"><img src="test2.jpg" width="115" height="160" border="4"></a>text text text texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext text
</p>
</div> <!-- ende inhalt -->
<div id="footer">
</div>
</div>
</body>
</html>
mfg