iwasherefirst: Document Type Wc3 macht Probleme!

Beitrag lesen

SELF-Forum

Document Type Wc3 macht Probleme!

iwasherefirst
– Informationen zu den Bewertungsregeln

Hallo,

Mein Ziel ist folgendes: Ich möchte eine Webseite mit einer Navigation oben (das wollte ich mit einer Tabelle realisieren, weil ich das Slice Tool von Photoshop benutzen will) und danach ein 3-Spaltiges Div container layout wie hier beschrieben: <http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig@title=Dreispaltiges Layout> erstellen. Vom Code her habe ich das im wesentlichen so gemacht, wobei ich um den Code kurz zu halten, jetzt erstmal nur ein Bild in der Tabelle oben reingemacht habe

Der untenstehende Code Produziert eine Seite die so aussieht:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html>  
<head>  
<title>Dreispaltiges Layout</title>  
<style type="text/css">  
	*{margin:0px;padding:0px;}  
  #Navigation {  
  float: left;  
			width: 235px;  
			margin-left:10px;  
  }  
  #Info {  
  float: right;  
			width: 200px;  
			margin-right:10px  
  }  
    #Inhalt {  
   margin: 0 220px 0 255px;  
			padding:0px;  
  }  
    .rahmen{  
			border-width:1px;  
			border-color:#d6d6d6;  
			border-style:solid;  
	}  
</style>  
</head>  
<body >  
  
<!-- header -->  
		  
  
  
   <table id="Tabelle_01" width="86" height="93"  bgcolor="#FF0000" border="0"  
    cellpadding="0" cellspacing="0" >  
       <td>  
          <img   src="Dont-Drink-Water--P.gif" width="86" height="93" alt=""></td>  
       </table>  
  
	<div style="margin-top:10px">  
      <div id="Navigation" class="rahmen">  
       Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>  
       </div>  
  
      <div id="Info" class="rahmen">  
  
        Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>  
      </div>  
  
      <div id="Inhalt" class="rahmen">  
  
                          FSpass und Witz  
  
        Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>  
  
    </div>  
</body>  
</html>

Mein Problem ist, mit dem Code erhalte ich die Version wie auf Bild 1, d.h. in der Tabelle mit Bildern, gibt es ein padding-bottom mit 1pixel obwohl ich ihn ausgestellt habe, dieses Problem tritt in Chrome,Firefox und IE auf, andere hab ich nicht getestet.

Wenn ich die erste Zeile ("<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">") einfach weglasse habe ich das Problem zwar nicht mehr, aber ich erhalte das Bild mit der 2, in der im mittleren Div-Container plötzlich ein paddingleft mit 1pixel ist, obwohl padding:0 eingestellt ist. Dieses Problem tritt von den drei genannten Browsern nur im  IE auf.

Falls jemand weiß wie man beide Probleme auf einmal Lösen kann, wäre ich sehr dankbar!!!

Viele Grüße
IWHF2

Beitrag melden
–
Informationen zu den Bewertungsregeln