mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 09:14 Benutzername: Passwort: Auto-Login

Thema: [CSS] Problem mit Zeilenumbruch beim IE 7 vom 08.01.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Problem mit Zeilenumbruch beim IE 7
Autor Nachricht
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 08.01.2007 10:57
Titel

[CSS] Problem mit Zeilenumbruch beim IE 7

Antworten mit Zitat Zum Seitenanfang

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 10:58, insgesamt 1-mal bearbeitet
 
Ähnliche Themen CSS float und Zeilenumbruch-Problem
[CSS] Menu <ul> Zeilenumbruch
CSS: float:right + zeilenumbruch
IE Problem: Leerzeilen anstatt normaler Zeilenumbruch
[CSS] Kleines CSS-Problem
IE-CSS-Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.