Fruitgum
Erfahrenes Mitglied
Hallo,
weiß gar nicht richtig wie ich das jetzt beschreiben soll. Aber ich versuchs ma.
erstmal mein code:
dazu MEINE CSS:
Im IE6, Mozilla und Opera, Safari wird das alles richtig gefloatet. Nur im IE 7 wird der obere Container (DIV) nicht voll gezeigt, und die überschrift vom unteren legt sich rechts am bild mit ran. und rutscht somit in den ersten container mit rein.
Nehm ich hier:
dl.feat dt img {
float:left;
margin:0 15px 0 0;
padding:0 4px 4px 0;
}
das float raus, so wird jeder Div container richtig angezeigt, aber der Text ist unter dem bild. Der soll aber Rechts sein. Der Fehler ist nur im IE7.
Kann mir einer erklären was der IE7 da macht?
Bin schon echt genervt.
Grüße
weiß gar nicht richtig wie ich das jetzt beschreiben soll. Aber ich versuchs ma.
erstmal mein code:
PHP:
<div id="content">
<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
include("functions.php");
include 'config.php';
mysql_connect("$host", "$username", "$password")or die("Keine Verbindung möglich!");
mysql_select_db("$db_name")or die("Kann Tabelle nicht finden!");
$sql = 'SELECT * FROM startseite_o ORDER BY datetime DESC LIMIT 0,1';
$query = mysql_query($sql);
while($row = mysql_fetch_assoc($query))
{
$text=$row['text'];
$text=htmlentities($text);
$text=replacetags($text);
$text=nl2br($text);
#oberer container feat
echo "<div>";
echo "<dl class=\"feat\">\n";
echo "<b>".$row['titel']."</b><br><br>\n";
echo "<dt><img src=\"../admin/news/image/".$row['datei']."\" alt=\"Bild\" width=\"180\" height=\"180\" ></dt>\n";
echo "<dd>".$text."</dd>\n";
echo "</dl>\n";
echo "</div>";
#container ende feat
}
$sql = 'SELECT * FROM startseite_u ORDER BY datetime DESC LIMIT 0,1';
$query = mysql_query($sql);
while($row = mysql_fetch_assoc($query))
{
$text=$row['text'];
$text=htmlentities($text);
$text=replacetags($text);
$text=nl2br($text);
#unterer container feat2
echo "<div>";
echo "<dl class=\"feat2\">\n";
echo "<b>".$row['titel']."</b><br><br>\n";
echo "<dd>".$text."</dd>\n";
echo "</dl>\n";
echo "</div>";
#container ende feat2
}
?>
</div>dazu MEINE CSS:
PHP:
body {
text-align:center;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}
body{
text-align:center
}
#seite{
margin:0 auto;
text-align:left;
width:800px;
border:1px solid #ccc;
background:#ececec;
}
#header {
text-align:left;
margin:0px 0px 0px 0px ;
width:100%;
height:120px;
padding:0px;
background:#fff url(../img/head_l.png) no-repeat;
}
#nav {
height:25px;
margin:0px;
padding:0px 0px 0px 20px;
list-style:none;
background:#ffffff url(../img/bg_menu.png) bottom;
}
#nav li {
float:left;
margin:0;
padding:0px 4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:#666666;
border-bottom:none;
outline:none;
}
#nav a {
float:left;
display:block;
text-decoration:none;
margin:0 1px 0 0;
padding:4px 4px;
color:#333;
outline:none;
}
#nav a:hover, body#intro #t-intro a {
color:#ff6600;
background:url(../img/bg_reiter.png) repeat-x;
outline:none;
}
#nav a:hover, body#onlinem #t-onlinem a {
color:#ff6600;
background:url(../img/bg_reiter.png) repeat-x;
outline:none;
}
#nav a:hover, body#veranstaltung #t-veranstaltung a {
color:#ff6600;
background:url(../img/bg_reiter.png) repeat-x;
outline:none;
}
#nav a:hover, body#profil #t-profil a {
color:#ff6600;
background:url(../img/bg_reiter.png) repeat-x;
outline:none;
}
#nav a:hover, body#kontakt #t-kontakt a {
color:#ff6600;
background:url(../img/bg_reiter.png) repeat-x;
outline:none;
}
#content {
float:left;
margin:0;
width: 555px;
background:#ececec;
}
#content div {
padding:10px;
background:#fff;
margin:5px 5px 0px 5px;
background:url(../img/rechts_s2.png) #fff no-repeat;
}
dl.feat b{
font-size:16px;
color:#ff6600;
}
dl.feat {
margin:15px 0;
padding:15px;
}
dl.feat dt {
margin:0 0 .5em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
dl.feat dt img {
float:left;
margin:0 15px 0 0;
padding:0 4px 4px 0;
}
dl.feat dd {
margin-left: 0px;
font-size:12px;
line-height: 1.5em;
}
dl.feat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*ZWEI*/
dl.feat2 b{
font-size:16px;
color:#ff6600;
}
dl.feat2 {
margin:15px 0;
padding:15px;
}
dl.feat2 dt {
margin:0 0 .5em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
dl.feat2 dt img {
float:left;
margin:0 15px 0 0;
padding:0 4px 4px 0;
}
dl.feat2 dd {
margin-left: 0px;
font-size:12px;
line-height: 1.5em;
}
dl.feat2:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
dl.feat2 {display:inline-table;}
/* Vor IE-mac verstecken \*/
* html dl.feat2 {height: 1%;}
dl.feat2 {display:block;}
/* Vor IE-mac verstecken Ende */
/*sitemap*/
dl.feat {display:inline-table;}
/* Vor IE-mac verstecken \*/
* html dl.feat {height: 1%;}
dl.feat {display:block;}
/* Vor IE-mac verstecken Ende */
/*Seite Oben Rechts*/
#seitenleiste {
float:right;
width:245px;
background:#ececec;
text-decoration:none;
list-style:none;
}
#seitenleiste a {
color:#ff6600;
list-style:none;
text-decoration:none;
}
#seitenleiste li ul{
color:#ff6600;
list-style:none;
text-decoration:none;
}
#seitenleiste b{
font-size:12px;
color:#ff6600;
list-style:none;
}
#seitenleiste p{
font-size:12px;
color:#666;
list-style:none;
}
#seitenleiste a:hover{
color:#ff6600;
list-style:none;
text-decoration:underline;
}
#seitenleiste div {
/*margin:2.4% 2.4% 2.4% 0% !important;
/margin:1.2% 2.4% 1.2% 0%; /* Für IE6 */
margin:5px 5px 5px 0px;
padding:20px;
background:#fff;
text-decoration:none;
background:url(../img/links_s2.png) #fff no-repeat top right;
}
#seitenleiste h4 a:hover {
text-align:center;
text-decoration:none;
color:#FFFFFF;
margin:0;
padding:0px;
border:none;
outline:none;
background:transparent url(img/button_r.png) no-repeat center;
display:block;
}
#seitenleiste h4 a {
border:none;
color:#FFFFFF;
background:transparent;
outline:none;
}
#seitenleiste h4 {
text-align:center;
color:#FFFFFF;
margin:0;
padding:8px;
border:none;
background:transparent url(img/button_l.png) no-repeat center;
text-align:center;
}
/* Oberr Box*/
dl.box b{
font-size:12px;
color:#ff6600;
}
dl.box {
margin:0px 0;
padding:10px;
list-style:none;
}
dl.box dt {
margin:0 0 .5em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
dl.box dt img {
float:left;
margin:0 15px 0 0;
padding:0 4px 4px 0;
}
dl.box dd {
margin:5px 0px 0px 0px;
font-size:12px;
line-height: 1.5em;
}
dl.box:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*untere Box*/
dl.box2 b {
font-size:16px;
color:#ff6600;
}
dl.box2 {
margin:0px 0;
padding:25px 0 0 0;
}
dl.box2 dt {
margin:0 0 .5em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
dl.box2 dd {
margin: 0px;
font-size:10px;
line-height: 1.5em;
color:#666;
}
dl.box2:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*footer*/
#footer {
margin:0px 0px 0px 0px;
clear:both;
height:33px;
background:#fff url(../img/bg_footer.png) top repeat-x;
}
#footer p {
margin:0;
text-decoration:none;
padding:10px 0px 10px 25px;
font-size:9px;
color:#333;
}
#footer a {
text-decoration:none;
font-size:9px;
color:#333;
}
#footer a:hover {
text-decoration:underline;
font-size:9px;
color:#fff;
}Im IE6, Mozilla und Opera, Safari wird das alles richtig gefloatet. Nur im IE 7 wird der obere Container (DIV) nicht voll gezeigt, und die überschrift vom unteren legt sich rechts am bild mit ran. und rutscht somit in den ersten container mit rein.
Nehm ich hier:
dl.feat dt img {
float:left;
margin:0 15px 0 0;
padding:0 4px 4px 0;
}
das float raus, so wird jeder Div container richtig angezeigt, aber der Text ist unter dem bild. Der soll aber Rechts sein. Der Fehler ist nur im IE7.
Kann mir einer erklären was der IE7 da macht?
Bin schon echt genervt.
Grüße
