✔ Tabelle fehlerhaft

Aloa · 17. März 2005

Ich habe auf dieser page rechts bei der Tabelle einen weissen strich der eigentlich in der farbe #EFEFEF sein sollte.

Link

hier der Quelltext

Code:

<html>

<head>
<title>Titel</title>



<STYLE type="text/css">
body  {   
	background-color : #FFFFFF;
	font-family : verdana;
	font-size : 10px; 
	color : #000000;
	font-style : normal;
	font-weight : normal;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	margin-bottom : 0;
}

a:link { font-weight: normal; color: #FF9900; text-decoration: none}
a:visited { font-weight: normal; color: #FF9900; text-decoration: none}
a:hover { font-weight: normal; color: #2B4364; text-decoration: none}
a:active  {}


.bg1 {  	background-image : url('graphics/bg_logo_repeat_01.jpg');
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
 	color: #000000
}

.bg2 {  	background-image : url('graphics/bg_logo_repeat_02.jpg');
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
 	color: #000000
}

.text {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
 	color: #000000
}

.highlight {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
 	color: #99CCFF
}

.subhdr {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
 	color: #00CCFF
}

.smtext {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
 	color: #8798B5
}
.style5 {font-size: larger}
.style7 {font-size: 10px}
.style10 {font-size: 9}
.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9; color: #99CCFF; }
.style12 {
	font-size: 10;
	color: #FF9900;
}
.style15 {background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-image: url('graphics/bg_logo_repeat_01.jpg');}
</STYLE>




</head>
<div align="center">
  <center>

<table border="0" width="743" id="table1" height="500" cellspacing="0" bordercolorlight="#000000" style="border-collapse: collapse" cellpadding="0" bordercolordark="#000000">
	<tr>
	
		<td rowspan="4" width="22" height="500" bgcolor="EFEFEF">
        &nbsp;</td>
		<td height="109" colspan="6" width="675">	
		&nbsp;<td rowspan="4" width="23" height="500" bgcolor="EFEFEF">
        &nbsp;</td>	
        
		       
	</tr>
	<tr>
		<td height="36" width="237" bgcolor="EFEFEF">
        </a>   <font size="1">[<a href="home/home.html">home</a>] [<a href="wiw\wiw.html">was ist was</a>] 
        [<a href="links\links.html">links</a>] [<a href="bilder\bilder.html">bilder</a>] 
        [<a href="filme/filme.html">filme</a>] [<a href="specials/specials.html">specials</a>] [<a href="ob/team\ob/team.html">ob/team</a>] [<a href="kontakt\kontakt.html">kontakt</a>]</font></td>
		 </td>
		
		<td height="36" width="450" bgcolor="EFEFEF">
        </a>  </td>
		
	</tr>
	
	<tr>
		<td colspan="6" height="400" width="675" bgcolor="EFEFEF">
		<span style="font-size: 8pt">
		<iframe name="I1" src="" height="99%" width="98%" border="0" frameborder="0" target="inhalt">
        Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.</iframe>
        </span></td>
	</tr>
	<tr>
		<td height="24" colspan="6" width="675" bgcolor="EFEFEF">
        <p align="center"><span style="font-size: 8pt">© 2005 by Mango-Clique</font></span></td>
	</tr>
</table>

  </center>
</div>

</body>

</html>

redlama · 17. März 2005

Versuch's mal damit:

HTML:

<html>
  <head>
    <title>Titel</title>
    <style type="text/css">
    <!--
    body
    {
      background-color: #FFFFFF;
      font-family: verdana;
      font-size: 10px;
      color: #000000;
      font-style: normal;
      font-weight: normal;
      margin: 0;
    }
    a:link, a:visited
    {
      font-weight: normal;
      color: #FF9900;
      text-decoration: none;
    }
    a:hover
    {
      font-weight: normal;
      color: #2B4364;
      text-decoration: none;
    }
    .bg1
    {
      background-image: url('graphics/bg_logo_repeat_01.jpg');
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .bg2
    {
      background-image: url('graphics/bg_logo_repeat_02.jpg');
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .text
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .highlight
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #99CCFF;
    }
    .subhdr
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #00CCFF;
    }
    .smtext
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9px;
      color: #8798B5;
    }
    .style5
    {
      font-size: larger;
    }
    .style7
    {
      font-size: 10px;
    }
    .style10
    {
      font-size: 9;
    }
    .style11
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9;
      color: #99CCFF;
    }
    .style12
    {
      font-size: 10;
      color: #FF9900;
    }
    .style15
    {
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      background-image: url('graphics/bg_logo_repeat_01.jpg');
    }
    </style>
  </head>
  <body>
    <div align="center">
      <table border="0" width="745" id="table1" height="500" cellspacing="0" bordercolorlight="#000000" style="border-collapse: collapse" cellpadding="0" bordercolordark="#000000">
        <tr>
          <td rowspan="4" width="35" height="500" bgcolor="EFEFEF">
            &nbsp;
          </td>
          <td height="109" colspan="6">
            &nbsp;
          </td>
          <td rowspan="4" width="35" height="500" bgcolor="EFEFEF">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td height="36" width="237" bgcolor="EFEFEF">
            <font size="1">[<a href="home/home.html">home</a>] [<a href="wiw\wiw.html">was ist was</a>]
            [<a href="links\links.html">links</a>] [<a href="bilder\bilder.html">bilder</a>]
            [<a href="filme/filme.html">filme</a>] [<a href="specials/specials.html">specials</a>]
            [<a href="ob/team\ob/team.html">ob/team</a>] [<a href="kontakt\kontakt.html">kontakt</a>]</font>
          </td>
          <td height="36" colspan="5" bgcolor="EFEFEF">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td colspan="6" height="400" bgcolor="EFEFEF">
            <span style="font-size: 8pt"><iframe name="I1" height="100%"
            width="100%" border="0" frameborder="0" target="inhalt">
            Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der
            derzeitigen Konfiguration nicht an.</iframe></span>
          </td>
        </tr>
        <tr>
          <td height="24" colspan="6" bgcolor="EFEFEF">
            <p align="center" style="font-size: 8pt">© 2005 by Mango-Clique</p>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>

redlama

Aloa · 18. März 2005

danke dass wollte ich wissen.

Jetzt interresiert mich nur noch wie ich, dass so hingbekomme, dass die Seite immer in der Mitte der Seite ist.

redlama · 18. März 2005

Horizontal mittig wird die Seite immer dargestellt.
Falls Du jedoch auch vertikal mittig meintest, da kann ich Dir leider nicht helfen, ...

redlama

Aloa · 18. März 2005

ja leider meine ich vertikal mittig. da weiss keiner wie das geht oder wie?

Maik · 18. März 2005

Ausgehend von dem DIV, in dem die Tabelle mit einer Weite von 745px und einer Höhe von 500px eingebettet ist, habe ich eine horizontal- und vertikal-zentrierte CSS-Lösung für deine Seite:

CSS-Code:

Code:

#centerDiv
{
position: absolute;
left: 50%;
width: 745px;
margin-left: -372.5px; /* neg. Hälfte von width:745px = horizontal zentriertes DIV */
top: 50%;
height: 500px;
margin-top: -250px; /* neg. Hälfte von height:500px = vertikal zentriertes DIV */
}

HTML-Code:

Code:

<div id="centerDiv">
  <table border="0" width="745" id="table1" height="500" cellspacing="0" bordercolorlight="#000000" style="border-collapse: collapse" cellpadding="0" bordercolordark="#000000">
        <tr>
          ...
         </tr>
   </table>
</div>

greez, maik.l

Aloa · 20. März 2005

klappt nicht

Aloa · 20. März 2005

Ich hab lama´s Code angewandt und leider geht die Tabelle nicht nach ganz oben.
Oben schaut eine Weisse linie raus....

Code:

<html>
  <head>
    <title>Titel</title>
    <style type="text/css">
    
  < body>
    {
      background-color: #FFFFFF;
      font-family: verdana;
      font-size: 10px;
      color: #000000;
      font-style: normal;
      font-weight: normal;
      margin: 0;
    }
    a:link, a:visited
    {
      font-weight: normal;
      color: #FF9900;
      text-decoration: none;
    }
    a:hover
    {
      font-weight: normal;
      color: #2B4364;
      text-decoration: none;
    }
    .bg1
    {
      background-image: url('graphics/bg_logo_repeat_01.jpg');
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .bg2
    {
      background-image: url('graphics/bg_logo_repeat_02.jpg');
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .text
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .highlight
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #99CCFF;
    }
    .subhdr
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #00CCFF;
    }
    .smtext
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9px;
      color: #8798B5;
    }
    .style5
    {
      font-size: larger;
    }
    .style7
    {
      font-size: 10px;
    }
    .style10
    {
      font-size: 9;
    }
    .style11
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9;
      color: #99CCFF;
    }
    .style12
    {
      font-size: 10;
      color: #FF9900;
    }
    .style15
    {
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      background-image: url('graphics/bg_logo_repeat_01.jpg');
    }
    </style>
  </head>
  <body>
    <div align="center">
      <table border="0" width="745" id="table1" height="500" cellspacing="0" bordercolorlight="#000000" style="border-collapse: collapse" cellpadding="0" bordercolordark="#000000">
        <tr>
          <td rowspan="4" width="35" height="500" bgcolor="EFEFEF">
            &nbsp;
          </td>
          <td height="109" colspan="6">
            &nbsp;
          </td>
          <td rowspan="4" width="35" height="500" bgcolor="EFEFEF">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td height="36" width="237" bgcolor="EFEFEF">
            <font size="1">[<a href="home/home.html">home</a>] [<a href="wiw\wiw.html">was ist was</a>]
            [<a href="links\links.html">links</a>] [<a href="bilder\bilder.html">bilder</a>]
            [<a href="filme/filme.html">filme</a>] [<a href="specials/specials.html">specials</a>]
            [<a href="ob/team\ob/team.html">ob/team</a>] [<a href="kontakt\kontakt.html">kontakt</a>]</font>
          </td>
          <td height="36" colspan="5" bgcolor="EFEFEF">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td colspan="6" height="400" bgcolor="EFEFEF">
            <span style="font-size: 8pt"><iframe name="I1" height="100%"
            width="100%" border="0" frameborder="0" target="inhalt">
            Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der
            derzeitigen Konfiguration nicht an.</iframe></span>
          </td>
        </tr>
        <tr>
          <td height="24" colspan="6" bgcolor="EFEFEF">
            <p align="center" style="font-size: 8pt">© 2005 by Mango-Clique</p>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>

Hier der Link

Maik · 20. März 2005

klappt nicht

Stimmt, denn deine Tabelle ist ja auch ca. 70px höher, als Du es im Attribut height=500px notiert hast

Habe das horizontal / vertikal zentrierte DIV mit den Angaben height: 570px und margin-top: -285px (= negative Hälfte von height) um deine Tabelle gelegt [ Browsercheck: IE 5.5, Moz 1.6, NN 7.0, Opera 7.23 ] :

HTML:

<html>
  <head>
    <title>Titel</title>
    <style type="text/css">
    
  body
    {
      background-color: #FFFFFF;
      font-family: verdana;
      font-size: 10px;
      color: #000000;
      font-style: normal;
      font-weight: normal;
      margin: 0;
    }

    #centerDiv
    {
    position: absolute;
    left: 50%;
    width: 745px;
    margin-left: -372.5px; /* neg. Hälfte von width:745px = horizontal zentriertes DIV */
    top: 50%;
    height: 570px;
    margin-top: -285px; /* neg. Hälfte von height:570px = vertikal zentriertes DIV */
    }

    a:link, a:visited
    {
      font-weight: normal;
      color: #FF9900;
      text-decoration: none;
    }
    a:hover
    {
      font-weight: normal;
      color: #2B4364;
      text-decoration: none;
    }
    .bg1
    {
      background-image: url('graphics/bg_logo_repeat_01.jpg');
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .bg2
    {
      background-image: url('graphics/bg_logo_repeat_02.jpg');
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .text
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    .highlight
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #99CCFF;
    }
    .subhdr
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #00CCFF;
    }
    .smtext
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9px;
      color: #8798B5;
    }
    .style5
    {
      font-size: larger;
    }
    .style7
    {
      font-size: 10px;
    }
    .style10
    {
      font-size: 9;
    }
    .style11
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9;
      color: #99CCFF;
    }
    .style12
    {
      font-size: 10;
      color: #FF9900;
    }
    .style15
    {
      background-repeat: no-repeat;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      background-image: url('graphics/bg_logo_repeat_01.jpg');
    }
    </style>
  </head>
  <body>
    <div id="centerDiv">
      <table border="0" width="745" id="table1" height="500" cellspacing="0" bordercolorlight="#000000" style="border-collapse: collapse" cellpadding="0" bordercolordark="#000000">
        <tr>
          <td rowspan="4" width="35" height="500" bgcolor="EFEFEF">
            &nbsp;
          </td>
          <td height="109" colspan="6">
            &nbsp;
          </td>
          <td rowspan="4" width="35" height="500" bgcolor="EFEFEF">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td height="36" width="237" bgcolor="EFEFEF">
            <font size="1">[<a href="home/home.html">home</a>] [<a href="wiw\wiw.html">was ist was</a>]
            [<a href="links\links.html">links</a>] [<a href="bilder\bilder.html">bilder</a>]
            [<a href="filme/filme.html">filme</a>] [<a href="specials/specials.html">specials</a>]
            [<a href="ob/team\ob/team.html">ob/team</a>] [<a href="kontakt\kontakt.html">kontakt</a>]</font>
          </td>
          <td height="36" colspan="5" bgcolor="EFEFEF">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td colspan="6" height="400" bgcolor="EFEFEF">
            <span style="font-size: 8pt"><iframe name="I1" height="100%"
            width="100%" border="0" frameborder="0" target="inhalt">
            Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der
            derzeitigen Konfiguration nicht an.</iframe></span>
          </td>
        </tr>
        <tr>
          <td height="24" colspan="6" bgcolor="EFEFEF">
            <p align="center" style="font-size: 8pt">© 2005 by Mango-Clique</p>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>

Anmerkung: dein geposteter Source-Code enthält einen Syntax-Fehler im CSS-Code, weshalb die Tabelle auch nicht ganz oben beginnt :

Code:

< body> 
    {
      background-color: #FFFFFF;
      font-family: verdana;
      font-size: 10px;
      color: #000000;
      font-style: normal;
      font-weight: normal;
      margin: 0;
    }

greez, maik.l

Aloa · 20. März 2005

ok jetzt stimmt das zwar, aber weil das in der Mitte ist sieht man oben alles weiss.
Könnte man das so machen, dass das oben geschlossen wird, genauso wie unten!

✔ Tabelle fehlerhaft

Aloa

Erfahrenes Mitglied

redlama

Erfahrenes Mitglied

Aloa

Erfahrenes Mitglied

redlama

Erfahrenes Mitglied

Aloa

Erfahrenes Mitglied

Maik

Aloa

Erfahrenes Mitglied

Aloa

Erfahrenes Mitglied

Maik

Aloa

Erfahrenes Mitglied

Neue Beiträge