Anzeigeprobleme

Blackylein

Erfahrenes Mitglied
Bei mir treten da ein paar Anzeigefehler auf und ich weiß nicht warum.
Oben in der Navigation sind die einzelnen Bereiche mit weißen Linien getrennt, in machen Browser ist die linke Trennlinie allerdings ein bissch größer und steht oben drüber.
Klickt man in der Navi auf Gästebuch verschwinden einige weiße Umrahmungslinien.

Weiß vielleicht jemand woran das liegen könnte?

EDIT:
Die Anzeigefehler treten nicht in jedem Browser auf


Homepage: http://maschino.ma.funpic.de/

PHP:
   <?php
       
  	error_reporting(E_ALL);
      include("include/variablen.php");
  	include("include/sql.php");
  	
  ?>
  
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
   <title>..: maschino : main :..</title>
   <link href="css/main.css" rel="stylesheet" type="text/css">
  </head>
  <body>
  <center>
  
<table style="background-color:#596D87; border:0px; border-collapse:collapse; padding:0px; border-style:solid; border-color:#FFFFFF;fixed">
  
  <tr>
 <td colspan="7" style="border-style:solid; border-width:1px; border-bottom-width:0px; width:650px; height:90px; background-color:#9C0D00; fixed">
    <img src="http://www.master-ar.de/m.jpg" alt="" width="650" height="90">
   </td>
  </tr>
  
  <tr> 
  <?
  if(isset($_GET['section']) && $_GET['section'] == "about") {
  ?>
   <td class="menueaktive"> 
     <b>About me</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=about'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue"> 
     <a href="index.php?section=about">About me</a>
   </td>
  <?
  }
  if(isset($_GET['section']) && $_GET['section'] == "blog" OR @$_GET['section'] == "blogcomment") {
  ?>
   <td class="menueaktive"> 
     <b>Blog</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=blog'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue">
    <a href="index.php?section=blog">Blog</a>
   </td>
  <?
  }
  if(isset($_GET['section']) && $_GET['section'] == "galerie") {
  ?>
   <td class="menueaktive"> 
     <b>Galerie</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=galerie'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue">
    <a href="index.php?section=galerie">Galerie</a>
   </td>
  <?
  }
  if(isset($_GET['section']) && $_GET['section'] == "gb") {
  ?>
   <td class="menueaktive"> 
     <b>Gästebuch</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=gb'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue">
    <a href="index.php?section=gb">Gästebuch</a>
   </td>
  <?
  }
  if(isset($_GET['section']) && $_GET['section'] == "links") {
  ?>
   <td class="menueaktive"> 
     <b>Links</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=links'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue">
    <a href="index.php?section=links">Links</a>
   </td>
   <?
  }
  if(isset($_GET['section']) && $_GET['section'] == "home" OR !isset($_GET['section'])) {
  ?>
   <td class="menueaktive"> 
     <b>Home</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=home'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue">
    <a href="index.php?section=home">Home</a>
   </td>
   <?
  }
  if(isset($_GET['section']) && $_GET['section'] == "login") {
  ?>
   <td class="menueaktive"> 
     <b>Login</b>
   </td>
  <?
  } else {
  ?>
 <td onClick="location.href='index.php?section=login'" onMouseOver=this.style.backgroundColor="#9C0D00" onMouseOut=this.style.backgroundColor="#596D87" class="menue">
    <a href="index.php?section=login">Login</a>
   </td>
  <?
  }
  ?>
  </tr> 
  
  <tr>
   <td colspan="5" rowspan="2" class="main">
    
    <?php
    
     include("main.php");
    
    ?>
    
   </td>
 <td colspan="2" style="border-style:solid; border-width:1px; border-left-width:0px; border-bottom-width:0px; fixed; height:240px" class="box_oben">
    <?php   
    
     include("box_oben.php"); 
     
    ?>  
   </td>
  </tr>
  
  <tr>
 <td colspan="2" style="border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; border-bottom-width: 0px; fixed; height:230px" class="box_unten">
    
    <?php
    
     include("box_unten.php");
    
    ?>
    
   </td>
  </tr>
  <tr>
   <td colspan="7" style="border-style:solid; border-width:1px; border-top-width:0px; text-align:right; font-size:9px">
    &copy;  2004 - 2005 by <a href="mailto:maschino@gmx.net">maschinoNET Inc.</a>
   </td>
  </tr>
  
  </table>
  
  </center>
  </body>
  </html>
 

Anhänge

  • Unbenannt2.JPG
    Unbenannt2.JPG
    115,4 KB · Aufrufe: 37
  • Unbenannt.JPG
    Unbenannt.JPG
    85,4 KB · Aufrufe: 37
Zuletzt bearbeitet:
Ich kann keine Fehldarstellung feststellen.


Allerdings sind Darstellungsprobleme eher im CSS-Forum zu besprechen, denn PHP ist eine Skriptsprache, keine Stylesheet-Sprache.
 
Hallo,

könntest du noch deine CSS-Datei posten?
Vielleicht hat sich ja dort ein Fehler eingenistet. :)
 
Bitte sehr

Code:
 body {

	background-color:#9DAACB;
	
	font-family:Verdana;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	
	margin-top:5px;
	padding-top:5px;
	
	cursor:default;
	
    scrollbar-arrow-color: #596D87;
    scrollbar-base-color: #596D87;
    scrollbar-track-color: #596D87;
    scrollbar-face-color: #596D87;
    scrollbar-highlight-color: #596D87;
    scrollbar-3dlight-color: #596D87;
    scrollbar-darkshadow-color: #596D87;
    scrollbar-shadow-color: #596D87;	

}

table {

	text-align:center;
	border-color:#FFFFFF;
	fixed;
	
}

.menue {

	border-style:solid; 
	border-width:1px;
	font-size:10px;
	width:90px;
	fixed;
	cursor:hand;
	
}

.menueaktive {

	border-style:solid; 
	border-width:1px;
	border-top-width:0px;
	font-size:10px;
	width:90px;
	fixed;
	background-color:#9C0D00;
	
}

.menue:hover {

	background-color:#9C0D00;

}

.main {

	padding-top:30px;
	font-size:11px;
	vertical-align:top;
	height:470px;
	witdh:450px;
	fixed;
	border-style:solid;
	border-width:1px;
	border-right-width:0px;
	border-bottom-width: 0px;
	padding-right: 10px;
	padding-left: 10px;
		
}

.box_oben, .box_unten {

	padding-top:30px;
	font-size:10px;
	vertical-align:top;
	width:180px;
	
}

.box_unten {

	padding-top:0px;
	
}

.formular {
	font-size:09px;
    font-family:verdana;
    color:#FFFFFF;
    background:#596D87;
    border:1px solid #FFFFFF;
	text-align:left;
    }

a:link, a:visited, a:active {

	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
}

a:hover {

	color:#FFFFFF;
	text-decoration:underline;
	
}
 
So könnte es funktionieren:

Code:
.menueaktive {
border-style:solid; 
border-width:0px;
border-bottom: 1px;
border-top-width:0px;
font-size:10px;
width:90px;
fixed;
background-color:#9C0D00;
}

Hab mal einfach border-width auf 0px gesetzt und border-bottom: 1px eingefügt
 
Zurück