Darstellung eines Textelements Firefox 1.0.4 vs. IE 6.0

funkmasterdeluxe

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

Ronald

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

funkmasterdeluxe

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

http://www.sebastian-fleck.de

Viele Grüße,
Sebastian

Ronald

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

GreenRover

ALso ic hwürde auch tabellen vorziehen!!!

versuche es mal damit ( feinschliff ist dir überlassen )

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://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
{
 text-decoration: none;
 color: #003366;
 font-weight: bold;
}


a.meneu:link { background-color:#DDDDDD; width:150px; }
a.meneu:hover { background-color:#BBBBBB; width:150px;  }
</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:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#CCCCCC; ">
   <tr>
    <td height="15" align="center" valign="middle">
	[url='#']About me[/url]
	</td>
   </tr>
   <tr>
    <td height="15" align="center" valign="middle">
	[url='#']Gallery[/url]
	</td>
   </tr>
   <tr>
    <td height="15" align="center" valign="middle">
	[url='#']Downloads[/url]
	</td>
   </tr>
   <tr>
    <td height="15" align="center" valign="middle">
	[url='#']Links[/url]
	</td>
   </tr>
   <tr>
    <td height="15" align="center" valign="middle">
	[url='#']Contact[/url]
	</td>
   </tr>
   <tr>
    <td height="15" align="center" valign="middle">
	[url='#']Home[/url]
	</td>
   </tr>
   </table>
  </td>
  <td>
  <table border="1" cellpadding="5" cellspacing="0" style="border-collapse:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#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:collapse; border-color:#FE0000;" bgcolor="#CCCCCC" width="100%" height="100%">
 <tr>
  <td height="25" >
  </td>
 </tr>
 </table>
 [url='#']Impressum[/url]
 </td>
</tr>
</table>


</body>
</html>

Alles anzeigen