Ergebnis 1 bis 5 von 5

Thema: Darstellung eines Textelements Firefox 1.0.4 vs. IE 6.0

  1. #1
    Youngster
    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Darstellung eines Textelements Firefox 1.0.4 vs. IE 6.0

    Hallo zusammen,

    ich bin gerade dabei eine Homepage zu erstellen und habe folgendes Problem bei der Darstellung meiner Seite im Firefox 1.0.4:

    Meine Seite besteht aus mehreren div-Elementen, die ich mit Text füllen möchte. Das Hauptelement habe ich mit per CSS wie folgt editiert:

    #main
    {margin: 0;
    padding: 12px 0px 22px 0px;
    border-bottom: 1px solid #FE0000;
    height: 100%;}

    #mainbody
    {position: relative;
    top: 5px;
    left: 265px;
    padding: 10px;
    border: 1px solid #FE0000;
    width: 575px; }

    Wenn ich nun mehrere Paragraphen einfüge, so dass der Text die Höhe überschreitet, schreibt der Firefox die Zeilen, die zu viel über das nächste div-Element hinweg, dass das eigentliche zu erweitern.

    Der Internet Explorer 6 vergrößert automatisch das div-Element, in dem der Text geschrieben wurde, so dass es keine Probleme bei der Anzeige gibt.

    Ich habe es mit 'overflow' probiert, diese Lösung möchte ich eigentlich vermeiden. Gibt es einen anderen Befehl, wie sich das div-Element automatisch vergrößert, wenn der Inhalt die definierte Höhe überschreitet?

    Vielen Dank für Eure Hilfe.

    Gruß,
    funkmasterdeluxe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Ohne Link zur HP wird das nix, anhand von Grafiken kann man keinen Fehler im Quelltext finden. Und erspare uns bitte geposteten Quelltextes, das Original ist viel aufschlußreicher.

    G.a.d.M.

    Ronald

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Die Seite, um die es sich handelt, findet ihr unter:

    www.sebastian-fleck.de

    Viele Grüße,
    Sebastian

  4. #4
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Ich hab mir jetzt den Quelltext einmal angesehen und frag mich, was das werden soll. Da packst alles in endlos viele Div-Tags, warum benutzt du stattdessen nicht eiinfach Tabellen?

    Dein Quelltext in der HTLM-Datei ist zwar recht übersichtlich, dafür ist die CSS-Datei aber gewaltig und macht die Fehlersuche ziemlich aufwendig, da man immer zwischen den beiden Dateien hin- und her schalten muß.

    Den Fehler selbst kann ich so nicht entdecken und es ist mir auch zu aufwendig danach zu suchen, sorry.

    G.a.d.M.

    Ronald

  5. #5
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ALso ic hwürde auch tabellen vorziehen!!!

    versuche es mal damit ( feinschliff ist dir überlassen )

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    .bottom
    &#123;
     text-decoration&#58; none;
     color&#58; #003366;
     font-weight&#58; bold;
    &#125;
    
    a.meneu&#58;link &#123; background-color&#58;#DDDDDD; width&#58;150px; &#125;
    a.meneu&#58;hover &#123; background-color&#58;#BBBBBB; width&#58;150px;  &#125;
    </style>
    </head>
    
    <body>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
     <td bgcolor="#000066" height="80" width="100%">
     
     </td>
    </tr>
    <tr>
     <td width="100%">
     <table border="1" cellpadding="0" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#FE0000;" bgcolor="#CCCCCC" width="100%" height="100%">
     <tr>
      <td height="20" >
      </td>
     </tr>
     </table>
     </td>
    </tr>
    <tr>
     <td height="100" width="100%">
     
     </td>
    </tr>
    <tr>
     <td width="100%">
     <table border="1" cellpadding="0" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#FE0000;" bgcolor="#009999" width="100%" height="100%">
     <tr>
      <td height="25" >
      </td>
     </tr>
     </table>
     </td>
    </tr>
    <tr>
     <td width="100%">
     
    
    </p>
     
     <table border="0" cellpadding="0" cellspacing="0" width="100%">
     <tr valign="top">
      <td width="180" align="center">
      
    
    </p>   
      
       <table border="1" width="150" style="border-collapse&#58;collapse; border-color&#58;#CCCCCC; ">
       <tr>
        <td height="15" align="center" valign="middle">
    	About me
    	</td>
       </tr>
       <tr>
        <td height="15" align="center" valign="middle">
    	Gallery
    	</td>
       </tr>
       <tr>
        <td height="15" align="center" valign="middle">
    	Downloads
    	</td>
       </tr>
       <tr>
        <td height="15" align="center" valign="middle">
    	Links
    	</td>
       </tr>
       <tr>
        <td height="15" align="center" valign="middle">
    	Contact
    	</td>
       </tr>
       <tr>
        <td height="15" align="center" valign="middle">
    	Home
    	</td>
       </tr>
       </table>
      </td>
      <td>
      <table border="1" cellpadding="5" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#FE0000;" width="100%">
      <tr>
       <td> 
       <table border="0" cellpadding="0" cellspacing="10" width="100%">
       <tr>
        <td>
    	 <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#009933;"><tr><td>
    	 <h5>Test</h5>
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    	 </td></tr></table>
        </td>
       </tr>
       <tr>
        <td>
    	 <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#009933;"><tr><td>
    	 <h5>Test</h5>
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    	 </td></tr></table>
        </td>
       </tr>
       <tr>
        <td>
    	 <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#009933;"><tr><td>
    	 <h5>Test</h5>
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    	 </td></tr></table>
        </td>
       </tr>
       <tr>
        <td>
    	 <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#009933;"><tr><td>
    	 <h5>Test</h5>
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    	 </td></tr></table>
        </td>
       </tr>
       <tr>
        <td>
    	 <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#009933;"><tr><td>
    	 <h5>Test</h5>
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    	 </td></tr></table>
        </td>
       </tr>
       <tr>
        <td>
    	 <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#009933;"><tr><td>
    	 <h5>Test</h5>
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    	 </td></tr></table>
        </td>
       </tr>
       </table>
       
       
       </td>
      </tr>
      </table>
      </td>
     </tr>
     </table>
     
    
    
     </td>
    </tr>
    <tr>
     <td width="100%" align="right">
     <table border="1" cellpadding="0" cellspacing="0" style="border-collapse&#58;collapse; border-color&#58;#FE0000;" bgcolor="#CCCCCC" width="100%" height="100%">
     <tr>
      <td height="25" >
      </td>
     </tr>
     </table>
     Impressum
     </td>
    </tr>
    </table>
    
    </body>
    </html>

Ähnliche Themen

  1. Unterschidliche darstellung in firefox und IE
    Von Strahler im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 17.02.2006, 08:42
  2. Hausaufgabe Marketing: Darstellung eines Cash-Flow
    Von Florian11 im Forum Off Topic und Quasselbox
    Antworten: 1
    Letzter Beitrag: 19.01.2006, 17:18
  3. Firefox-Darstellung fehlerhaft
    Von minibar182 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.09.2005, 09:17
  4. Darstellung bei Firefox
    Von rolch im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 09.09.2005, 10:43
  5. Probleme mit der Darstellung im Firefox
    Von speichi im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 19.02.2005, 16:40

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •