• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit P-Tag

Status
Für weitere Antworten geschlossen.
JAGOGNUSSEL

JAGOGNUSSEL

Neues Mitglied
Hallöle!

Hab meine HP neu gestaltet und sieht auch recht fesch aus (nach meinem Geschmack, wenn Ihr versteht, was ich meine ;-)! )

Doch im FireFox Ohhhhhhhhh sch... !

Habe die HP valide, auf allen Seiten. Dennoch, wo ich die Tabelle mit einem Scrollbalken versehen habe, fliegt diese um ca. 200px nach rechts und meine Navi. nach unten. Also, hier ist was oberfaul !

Wie ich nun mitbekommen habe, darf ein DIV nicht innerhalb eines P-Tags sein. Richtig?

Jetzt habe ich schon alles Mögliche probiert. Leider OHNE Erfolg.

Kann mir mal bitte jemand nen Tip geben, wie ich dieses Problem lösen könnte? Regelkonform?

Beispiel zu meinem Impressum:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
 <meta http-equiv="Content-Script-Type" content="text/javascript">
<title>IT WebDesign CONSULTING, Webdesign, Webservice, Internetservice</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="robots" content="index">
<meta name="robots" content="nofollow">
<meta name="language" content="deutsch, de">
<meta name="keywords" content="IT Webdesign Consulting, Webdesign, Webservice, Internetservice, Webseitengestaltung, Internet, Webgestaltung, Webpublishing, Internetgestaltung, Internetdesign, Internetpublishing, Webdesigner, Homepagegestaltung, Homepagepublishing, Homepagedesign, Webpublikation, Internetpublikation, Homepagepublikation, Webpraesentation, Internetpraesentation, Web, Internet, it webdesign, it-webdesign, Homepage, refreshing, refresh, Webauftritt, Domain-Check, Domaincheck, Domainanmeldung, Domainpruefung, Domaene, HTML, DHTML, krixliburxli">
<meta name="description" content="IT Webdesign Consulting fürs gute Webdesign, Webservice, Internetservice - Homepagegestaltung für das Internet.">
<meta name="author" content="Manfred Hiekel">
<meta name="publisher" content="IT WebDesign CONSULTING">
<meta name="distribution" content="global">
<meta name="robots" content="all">
<meta name="page-topic" content="Internet">
<meta http-equiv="reply-to" content="[EMAIL="[email protected]"][email protected][/EMAIL]">
<meta name="revisit-after" content="30 days">
<link href="../style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="distance"></div>
 <div id="container"><div>
<p class="pos01"><img src="../objects/ti_impre.jpg" width="136" height="34" alt="unsere Gesch&auml;ftsbedingungen" border="0"></p>
<p class="table">
<table>
<tr>
 <td><div style="overflow:auto;width:520px; height:290px;">
<table>
<tr>
 <td>
<h5></h5><br><h4>TEXT</h4><br><br><br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- </p>  -->
<p class="pos03"><a href="[URL="http://www.validome.org/referer"]HTML / XHTML / XML / WML Validator[/URL]" target="_blank"><img style="border:none" src="[URL]http://www.validome.org/images/set4/valid_html_4_0_1.gif[/URL]" alt="Valid HTML 4.01" width="80" height="15"></a>&nbsp;&nbsp;&nbsp; 2007 - Made by:&nbsp;&nbsp;<a href="[URL="http://www.it-webdesign.net"]IT WebDesign CONSULTING, Webdesign, Webservice, Internetservice[/URL]" target="_blank">IT WebDesign CONSULTING &copy;</a></p> 
 
<div id="navcontainer">
<ul id="navlist">
<li><a href="../index.htm" target="_self">zur&nbsp;Startseite</a></li>
<li><a href="profil.htm" target="_self">Intern</a></li>
<li><a href="domain.htm" target="_self">DomainCheck</a></li>
<li><a href="service.htm" target="_self">Service</a><br></li>
<li><a href="agb.htm" target="_self">AGB</a></li>
<li><a href="impress.htm" target="_self">...</a><br></li>
<li><a href="#" onClick="window.open('kontakt.php', 'Kontakt','toolbar=no,status=no,menubar=no,width=790,height=500,scrollbars=no,directories=no')">Kontakt</a></li>
<li><a href="mailto:[email protected]?subject=Info Allgemein">e-M@il</a></li>
</ul>
</div>
</div>
 </div>
</body>
</html>

Hier das Stylesheet:

Code: 
* {
  margin:0;
  padding:0;
 }
 html, body {
  height:100%;
 }
 body {
  background-color: #FFE3D7;
  font-family: Verdana;
  color: #380941;
  scrollbar-base-color: #FFE3D7;
  scrollbar-arrow-color: #380941;
  scrollbar-shadow-color: #FFE3D7;
  text-align:center;
  background-attachment : fixed;
  background-image : url(objects/bg.jpg);
  background-repeat : no-repeat;
  background-position : center;
  font-family : Verdana;
  font:100.01%/1.4 sans-serif;
  text-align:center;
 /* horizontal centering for IE Win quirks */
 }
 #distance {
  width:1px;
  height:50%;
  background-color: transparent;
  margin-bottom:-13.75em;
 /* half of container's height */
  float:left;
 }
 #container {
  margin:0 auto;
  position:relative;
 /* puts container in front of distance */
  text-align:left;
  height:27.5em;
  width:45em;
  clear:left;
  background-color: transparent;
 }
 #container div {
  font-size:80%;
  float:right;
  width:37em;
  margin-left:2em;
 }
 h1 {
  font-family : Tahoma;
  font-size : 14px;
  color : #380941;
  margin-top: 120px;
  margin-left: -230px;
  position : absolute;
  z-index : 1;
 }
 h2 {
  font-family : Tahoma;
  font-size : 11px;
  color : #380941;
  margin-top: 160px;
  margin-left: -230px;
  position : absolute;
  z-index : 2;
 }
 h3 {
  font-family : Tahoma;
  font-size : 14px;
  color : #380941;
 }
 h4 {
  font-family : Tahoma;
  font-size : 11px;
  color : #380941;
 }
 h5 {
  font-family : Tahoma;
  font-size : 11px;
  color : #B9005C;
 }
 #tabelle {
 margin-top:  125px;
 margin-left: 400px;
 position : absolute;
 z-index : 3;
}
 p.pos01 {
  margin-top: 64px;
  margin-left: -235px;
  position : absolute;
  z-index : 4;
 }
 p.pos02 {
  margin-left: 20px;
  margin-top: 185px;
  font-family : Tahoma;
  font-size : 14px;
  color : #000090;
  position : absolute;
  z-index : 5;
 }
 p.pos03 {
  margin-left: 160px;
  margin-top: 455px;
  position : absolute;
  z-index : 6;
  font-family : Tahoma;
  font-size : 9px;
  color : #000090;
 }
 p.pos04 {
 font-family : Tahoma;
 font-size : 11px;
 color : #380941;
 margin-top: 235px;
 margin-left: -230px;
 position : absolute;
 z-index : 7;
 font-weight : bold;
}
p.pos05 {
 font-family : Tahoma;
 font-size : 11px;
 color : #380941;
 font-weight : bold;
 margin-top: 145px;
 margin-left: 120px;
 position : absolute;
 z-index : 8;
}
 p.table {
  margin-left: -275px;
  margin-top: 120px;
  position : absolute;
  z-index : 9;
 }
 p.strato {
  margin-left: -220px;
  margin-top: 330px;
  position : absolute;
  z-index : 10;
 }
 /* Navigation ANFANG */
 #navlist
 {
  padding: 0 0px 1px;
  margin-left: 220px;
  margin-top: 100px;
  font: bold 12px Verdana, sans-serif;
  color: #FFE3D7;
  background-color: transparent;
  width: 13em;
  position : absolute;
  z-index : 11;
 }
 #navlist li
 {
  list-style: none;
  margin: 0;
  border-top: 0px;
  text-align: left;
 }
 #navlist li a
 {
  display: block;
  padding: .25em 7.5em 0.25em 1.25em;
  border-left: 0.5em solid transparent;
  background-color: transparent;
  text-decoration: none;
 }
 #navlist li a:link { color: #FFE3D7; }
 #navlist li a:visited { color: #FF7D46; }
 #navlist li a:active { color: #D90000; }
 
  #navlist li a:hover
 {
  border-color: #FFE3D7;
  color: #FFFFFF;
  background-color: transparent;
 }
 /* Navigation ENDE */
 a:link {
  color : #970097;
  height : 12px;
  width : 60px;
 }
 a:visited {
  color : #FF7D46;
  height : 12px;
  width : 60px;
 }
 a:hover {
  color : #D90000;
  height : 12px;
  width : 60px;
 }
 a:active {
  color : #D90000;
  height : 12px;
  width : 60px;
 }
  span {
 font-family : Verdana;
 font-size : 12px;
 color : #B9005C;
 font-weight : bolder;
}

Gruß
Jagognussel
 
Jagonussel schrieb
Code: 
<p class="table">
<table>
<tr>
 <td><div style="overflow:auto;width:520px; height:290px;">
<table>
<tr>
 <td>
<h5></h5><br><h4>TEXT</h4><br><br><br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- </p>  -->
Zum Vergrößern anklicken....


ich meine ich hätte mal irgentwo was gelesen, das man innerhalb von <p>
kein <table> und so verwenden kann, da der browser dann selber vor dem <table> ein </p> setzt.....
somit sind dann die Style-sheets für <p> nicht mehr für die tabelle gültig !!!

SELFHTML Auszug....
Das <p>-Element darf keine anderen blockerzeugenden Elemente wie z.B. Überschriften, Textabsätze oder Listen enthalten. Das bedeutet für HTML: Beim ersten Auftreten eines Tags, welches nicht mehr im akuellen Textabsatz erlaubt ist (beispielsweise <ul> oder <table>), wird der Textabsatz vom Browser implizit (mit einem intern hinzugefügten </p>) geschlossen - ein eventuell später folgendes schließendes </p> steht dann ohne Start-Tag allein und ist ein Fehler. In XHTML muss das schließende </p> zwingend vor den blockerzeugenden anderen Elementen kommen.
Zum Vergrößern anklicken....

Probiers definitiv mit <div>'s
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben