Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 08.01.2007 11:57
Titel [CSS] Problem mit Zeilenumbruch beim IE 7 |
  |
|
Morgen allerseits...
Habe ein kleines Problem mit meiner Seite:
> h i e r <
Auf dem FF sieht das ganze gut aus...aber wenn ich mir das ganze im IE 7 anschaue habe ich immer einen Zeilenumbruch drinn...nur habe ich noch nichts gefunden was mir dabei helfen könnte...
Hatte jemand von euch schon das Prob?
hier noch der Code der Seite:
| Code: |
<body>
<div id="wrapper">
<h1 id="header"><span></span>1. offizieller Dieter Nuhr-Fanclub - Hier erfahrt ihr alles neue über Dieter Nuhr</h1>
<div id="nav_links">
<div id="nav_container">
<?php
include ('inc/dieter-nuhr-fanclub-ueber-dieter.php');
?>
</div>
<div id="newsletter">
<span class="schrfit_orange">Info-Dienst</span>
<form action="dieter-nuhr-fanclub-newsletter-eintrag.php" method="post">
<input name="fanclub_newsletter_email" />
<input class="send" name="submit" type="submit" src="images/pfeil.gif" value=" " />
</form>
<span class="schrift_newsletter">
<?php
include ('inc/infodienst.php')
?>
</span>
</div>
</div>
<div id="content_ueber_dieter">
<div id="content_inhalt">
<div id="content_inhalt_innen">
<h1 align="right">Alles Neue rund um Dieter Nuhr</h1>
<p class="content_inhalt_strich" align="center"></p><br />
<?php
include ('inc/db.php');
$mysql_abfrage = "SELECT DISTINCT fanclub_news_id, DATE_FORMAT(fanclub_news_datum, '%d.%m.%Y') AS
de_datum, fanclub_news_datum_gueltig, fanclub_news_text ";
$mysql_abfrage .= "FROM fanclub_news WHERE fanclub_news_datum_gueltig >= CURDATE() ORDER BY
fanclub_news_datum DESC";
$mysql_ergebnis=mysql_query($mysql_abfrage);
$num = mysql_num_rows($mysql_ergebnis);
if ($num == 0)
{
echo '<p align="right"><b>Es liegen keine aktuellen News vor...</b></p>';
echo '<p class="content_inhalt_strich" align="center"></p><br /><br />';
}
else
{
while ($datensatz = mysql_fetch_assoc($mysql_ergebnis))
{
echo '<p><b>' . $datensatz["de_datum"] . '</b></p>';
echo '<p>' . $datensatz["fanclub_news_text"] . '</p>';
echo '<p class="content_inhalt_strich" align="center"></p><br />';
}
}
?>
<p align="right"><b>Die letzten 3 News von Dieter Nuhr</b></p>
<p class="content_inhalt_strich" align="center"></p><br />
<?php
$mysql_abfrage = "SELECT DISTINCT fanclub_news_id, DATE_FORMAT(fanclub_news_datum, '%d.%m.%Y') AS de_datum,
fanclub_news_datum_gueltig, fanclub_news_text ";
$mysql_abfrage .= "FROM fanclub_news WHERE fanclub_news_datum_gueltig < CURDATE() ORDER BY fanclub_news_datum DESC LIMIT 3";
$mysql_ergebnis=mysql_query($mysql_abfrage);
$num = mysql_num_rows($mysql_ergebnis);
if ($num == 0)
echo '<p align="right">Es liegen keine aktuellen News vor...</p>';
else
{
while ($datensatz = mysql_fetch_assoc($mysql_ergebnis))
{
echo '<p><b>' . $datensatz["de_datum"] . '</b></p>';
echo '<p>' . $datensatz["fanclub_news_text"] . '</p>';
echo '<p class="content_inhalt_strich" align="center"></p><br />';
}
}
?>
<p><a href="dieter-nuhr-fanclub-ueber-dieter-neues-archiv.php"><b>News-Archiv</b><br /> </a></p>
</div>
</div>
</div>
<div id="kontakt_impressum">
<a href="dieter-nuhr-fanclub-kontakt.php" title="Euer Email-Kontakt zum Dieter Nuhr-Fanclub">kontakt</a> | <a href=
"dieter-nuhr-fanclub-impressum.php" title="Dieter Nuhr-Fanclub - Impressum">impressum</a>
</div>
</div>
</body>
</html>
|
und das CSS
| Code: |
* {
margin: 0;
padding: 0;
border: none;
}
body {
background-color: #fff;
color: #464646;
font: 100.01%/1.5 Arial, Verdana, Helvetica, sans-serif;
text-align: center;
}
h1
{
font: 200.1% Arial, Helvetica, sans-serif;
}
.rechts
{
padding-left: 409px;
}
h2,h3,ul,li,dl,dt,dd
{
margin: 0;
padding: 0;
border: 0;
color: #000000;
}
p {
margin-top: 1.5em;
font: 95% Arial, Verdana, Helvetica, sans-serif;
}
.schrfit_orange
{
font: 100.1% Arial, Helvetica, sans-serif;
color: #ff6600;
font-weight: bold;
}
.schrfit_orange2
{
font: 100.1% Arial, Helvetica, sans-serif;
color: #ff6600;
font-weight: bold;
float: left;
}
.schrift_newsletter
{
font: 80.1% Arial, Helvetica, sans-serif;
display: block;
}
#wrapper {
width: 953px;
height: 606px;
background: url(images/dieter-nuhr-fanclub-hintergrund.jpg) no-repeat 0 0;
font-size: .8em;
text-align: left;
margin: 0 auto;
}
#header {
height: 101px;
position: relative;
width: 842px;
overflow: hidden;
}
#header span {
background: url(images/dieter-nuhr-fanclub-header.jpg) no-repeat;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
#content_ueber_dieter {
height: 450px;
background: url(images/dieter-nuhr-fanclub-index-rechts.jpg) no-repeat 100% 0;
padding-top: 60px;
}
#content_hoerprobe {
height: 450px;
background: url(images/dieter-nuhr-fanclub-hoerprobe-rechts.jpg) no-repeat 100% 0;
padding-top: 60px;
}
#content_sonstiges {
height: 450px;
background: url(images/dieter-nuhr-fanclub-sonstiges-rechts.jpg) no-repeat 100% 0;
padding-top: 60px;
}
#content_ueber_mich {
height: 450px;
background: url(images/dieter-nuhr-fanclub-ueber-mich-rechts.jpg) no-repeat 100% 0;
padding-top: 60px;
}
#content_kontakt {
height: 450px;
background: url(images/dieter-nuhr-fanclub-kontakt-rechts.jpg) no-repeat 100% 0;
padding-top: 60px;
}
#content_impressum {
height: 450px;
background: url(images/dieter-nuhr-fanclub-impressum-rechts.jpg) no-repeat 100% 0;
padding-top: 60px;
}
#nav,
#nav ul {
list-style: none;
}
#nav_links
{
padding-top: 58px;
padding-left: 5px;
float: left;
}
#nav {
width: 120px;
margin-left: 50px;
}
a
{
text-decoration: none;
color: #666666;
}
a:hover
{
color: #ff6600;
}
#nav a{
display: block;
text-decoration: none;
color: #666666;
}
#nav a:hover
{
color: #ff6600;
}
#nav ul {
margin-left: 20px;
font-size: 80%;
}
#nav ul a
{
color: #ff6600;
}
#nav ul a:hover
{
color: #666666;
}
#content_inhalt
{
width: 490px;
height: 400px;
float: left;
overflow: auto;
font: 90% Arial, Helvetica, sans-serif;
padding-left: 10px;
}
#content_inhalt_innen
{
width: 460px;
}
#content_inhalt h1
{
font-size: 95%;
font-weight: bold;
display: block;
margin: 0px;
}
#content_inhalt h2
{
font-size: 90%;
font-weight: 200;
display: block;
margin: 0px;
}
#content_inhalt p
{
display: block;
margin: 0px;
}
.content_inhalt_strich
{
width: 460px;
border-bottom: #666666 2px dotted;
}
#newsletter
{
width: 110px;
border-top: #ff6600 1px dotted;
border-bottom: #ff6600 1px dotted;
margin-left: 50px;
margin-top: 10px;
padding-top: 4px;
padding-bottom: 5px;
}
form
{
overflow:hidden;
}
input[type=text]:focus, textarea:focus {
background: #f0f0f0;
color: #333;
border-color: #666;
}
input
{
float: left;
height: 14px;
width: 78px;
font: 80% Arial, Helvetica, sans-serif;
border: 1px solid #222;
background-color:#ffffff;
margin-top: 3px;
font-family: verdana, arial, helvetica, sans-serif;
}
.send
{
background: url(images/pfeil2.gif) no-repeat;
width: 16px;
height: 16px;
padding: 0;
margin-top: 3px;
margin-bottom: 5px;
margin-left: 2px;
background-color: #ffffff;
border: 1px #000000 solid;
}
#kontakt_impressum
{
color: #999999;
margin-left: 707px;
margin-top:-22px;
}
#nav_container
{
height: 200px;
}
.float_bilder
{
float: left;
width: 180px; height: 180px;
w\idth: 135px; hei\ght: 135px; /* Hack für IE wg. Box-Modell */
padding: 4px 9px 5px 0px;
margin: 4px 9px 5px 0px;
text-align: center;
color: #ff8;
}
.rahmen_programme
{
width: 480px;
height: 200px;
}
.bild_programme
{
float: left
width: 155px; height: 155px;
w\idth: 135px; hei\ght: 135px; /* Hack für IE wg. Box-Modell */
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
text-align: center;
color: #ff8;
}
.files_programme
{
list-style: none;
float: right;
width: 250px;
height: 180px;
margin-top: -180px;
padding-right: -80px;
}
.files_programme a
{
display: block;
text-decoration: none;
color: #666666;
line-height: 1.7em;
}
.files_programme a:hover
{
text-decoration: none;
color: #ff6600;
}
.files_programme ul
{
margin-left: 20px;
font-size: 80%;
}
.files_programme ul a
{
color: #666666;
}
.files_programme ul a:hover
{
color: #ff6600;
}
.clear
{
clear: both;
}
.programme_strich
{
width: 250px;
border-bottom: #666666 2px dotted;
padding-right: -80px;
display:block;
}
* html #nav_links
{
padding-left: 0px;
}
* html #content {
height /**/: 542px; /* Boxmodell IE 5.x */
}
|
besten dank
Ragna
Zuletzt bearbeitet von am Mo 08.01.2007 11:58, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
