Morgen zusammen,
ich habe einen Fehler in meine Quellcode und kann leider nicht finden was. Der IE zeigt es korrekt an, sprich so wie es aussehen sollte. Und der FF interpretertiert den Code korrekt und stellt es auch da, aber nicht so wie ich es gern hätte. Anbei Screens und etwas Codeschnipsel. Ich hoffe ihr könnt mir weiterhelfen. Den Border der DIV's habe ich nur zur Übersicht gemacht. Die kommen später wieder weg
Darstellung IE:

Darstellung FF:

Codeschnipsel der CSS:
Codeschnipsel der index.php
Vielen Dank
Gruß
ottscho
p.s. ich weiß nicht warum es im codetag so komisch aussieht. ich poste es nochmal hier.
Codeschnipsel CSS:
#content {
background-color: #D5D5D5;
width: 528px;
height: 310px;
border: solid 1px #FFFFFF;
margin-top: 18px;
margin-left: 18px;
-margin-left: 10px;
float:left;
padding: 20px;
vertical-align: top;
}
#beschreibung {
width: 400px;
float:left;
height:65px;
border: solid 1px #FFFFFF;
}
#image_beschreibung {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
border: solid 1px #FFFFFF;
}
#info {
float:left;
font-weight: bold;
height:10px;
padding-bottom: 5px;
border: solid 1px #FFFFFF;
}
#objekt1 {
width: 400px;
float:left;
height:90px;
border: solid 1px #FFFFFF;
}
#image_objekt1 {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
}
#mehr {
width: 90px;
height:15px;
margin-left: 425px;
text-align: center;
border: solid 1px #FFFFFF;
}
#objekt2 {
width: 400px;
float:left;
height:90px;
border: solid 1px #FFFFFF;
}
#image_objekt2 {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
}
#kontakt {
width: 400px;
float:left;
height:12px;
font-weight: bold;
border: solid 1px #FFFFFF;
}
Codeschnipsel Index.php:
<div id="inlay">
<div id="content">
<h1>{$ueberschrift}</h1>
<div id="beschreibung">
{$beschreibung}
</div>
<div id="image_beschreibung">
{$image_beschreibung}
</div>
<div id="info">
{$info}
</div>
<div id="objekt1">
{$objekt1}
</div>
<div id="image_objekt1">
{$image_objekt1}
</div>
<div id="mehr">
<a href="#">mehr...</a>
</div>
<div id="objekt2">
{$objekt2}
</div>
<div id="image_objekt2">
{$image_objekt2}
</div>
<div id="mehr">
<a href="#">mehr...</a>
</div>
<div id="kontakt">
{$kontakt}
</div>
</div>
</div>
ich habe einen Fehler in meine Quellcode und kann leider nicht finden was. Der IE zeigt es korrekt an, sprich so wie es aussehen sollte. Und der FF interpretertiert den Code korrekt und stellt es auch da, aber nicht so wie ich es gern hätte. Anbei Screens und etwas Codeschnipsel. Ich hoffe ihr könnt mir weiterhelfen. Den Border der DIV's habe ich nur zur Übersicht gemacht. Die kommen später wieder weg
Darstellung IE:

Darstellung FF:

Codeschnipsel der CSS:
Code:
#content {
background-color: #D5D5D5;
width: 528px;
height: 310px;
border: solid 1px #FFFFFF;
margin-top: 18px;
margin-left: 18px;
-margin-left: 10px;
float:left;
padding: 20px;
vertical-align: top;
}
#beschreibung {
width: 400px;
float:left;
height:65px;
border: solid 1px #FFFFFF;
}
#image_beschreibung {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
border: solid 1px #FFFFFF;
}
#info {
float:left;
font-weight: bold;
height:10px;
padding-bottom: 5px;
border: solid 1px #FFFFFF;
}
#objekt1 {
width: 400px;
float:left;
height:90px;
border: solid 1px #FFFFFF;
}
#image_objekt1 {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
}
#mehr {
width: 90px;
height:15px;
margin-left: 425px;
text-align: center;
border: solid 1px #FFFFFF;
}
#objekt2 {
width: 400px;
float:left;
height:90px;
border: solid 1px #FFFFFF;
}
#image_objekt2 {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
}
#kontakt {
width: 400px;
float:left;
height:12px;
font-weight: bold;
border: solid 1px #FFFFFF;
}
Codeschnipsel der index.php
Code:
<div id="inlay">
<div id="content">
<h1>{$ueberschrift}</h1>
<div id="beschreibung">
{$beschreibung}
</div>
<div id="image_beschreibung">
{$image_beschreibung}
</div>
<div id="info">
{$info}
</div>
<div id="objekt1">
{$objekt1}
</div>
<div id="image_objekt1">
{$image_objekt1}
</div>
<div id="mehr">
<a href="#">mehr...</a>
</div>
<div id="objekt2">
{$objekt2}
</div>
<div id="image_objekt2">
{$image_objekt2}
</div>
<div id="mehr">
<a href="#">mehr...</a>
</div>
<div id="kontakt">
{$kontakt}
</div>
</div>
</div>
Vielen Dank
Gruß
ottscho
p.s. ich weiß nicht warum es im codetag so komisch aussieht. ich poste es nochmal hier.
Codeschnipsel CSS:
#content {
background-color: #D5D5D5;
width: 528px;
height: 310px;
border: solid 1px #FFFFFF;
margin-top: 18px;
margin-left: 18px;
-margin-left: 10px;
float:left;
padding: 20px;
vertical-align: top;
}
#beschreibung {
width: 400px;
float:left;
height:65px;
border: solid 1px #FFFFFF;
}
#image_beschreibung {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
border: solid 1px #FFFFFF;
}
#info {
float:left;
font-weight: bold;
height:10px;
padding-bottom: 5px;
border: solid 1px #FFFFFF;
}
#objekt1 {
width: 400px;
float:left;
height:90px;
border: solid 1px #FFFFFF;
}
#image_objekt1 {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
}
#mehr {
width: 90px;
height:15px;
margin-left: 425px;
text-align: center;
border: solid 1px #FFFFFF;
}
#objekt2 {
width: 400px;
float:left;
height:90px;
border: solid 1px #FFFFFF;
}
#image_objekt2 {
width: 90px;
height:65px;
border: solid 1px #FFFFFF;
margin-left: 425px;
}
#kontakt {
width: 400px;
float:left;
height:12px;
font-weight: bold;
border: solid 1px #FFFFFF;
}
Codeschnipsel Index.php:
<div id="inlay">
<div id="content">
<h1>{$ueberschrift}</h1>
<div id="beschreibung">
{$beschreibung}
</div>
<div id="image_beschreibung">
{$image_beschreibung}
</div>
<div id="info">
{$info}
</div>
<div id="objekt1">
{$objekt1}
</div>
<div id="image_objekt1">
{$image_objekt1}
</div>
<div id="mehr">
<a href="#">mehr...</a>
</div>
<div id="objekt2">
{$objekt2}
</div>
<div id="image_objekt2">
{$image_objekt2}
</div>
<div id="mehr">
<a href="#">mehr...</a>
</div>
<div id="kontakt">
{$kontakt}
</div>
</div>
</div>
Zuletzt bearbeitet: