wieder FF & IE darstellungsproblem

Status
Nicht offen für weitere Antworten.

Apfelkuchen

Mitglied
also es ist nur mal eine vorübergehende seite, aber trotzdem gibt es schon kleine fehler beim IE:

www.farukpinjo.com

IE: boxen werden einfach zu kleine und mit falschen abständen dargestellt... beim FF funktioniert alles wunderschön. schön zentriert und passend.

hier ist der css code:

Code:
  body 	{
  	  background-color: #e1ddd9;
  	  font-size: 10px;
  	  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  	  color:#564b47;  
  	  text-align: center;
  	scrollbar-face-color:#e1ddd9;
  	   scrollbar-arrow-color:#000000;
  	   scrollbar-track-color:#e1ddd9;
  	   scrollbar-shadow-color: #e1ddd9;
  	   scrollbar-highlight-color: #e1ddd9;
  	   scrollbar-3dlight-color: #000000;
  	   scrollbar-darkshadow-Color:#000000;
  	}
  
  a:link 	{
  		color:#37667B; 
  		text-decoration: none;
  		}
  		
  a:visited 	{
  			color:#a7a9ac;
  			}
  			
  a:hover 	{
  			background-color:#bcc9d6; 
  			border-bottom:1px dashed #000000;
  			}
  
  #inhalt {
    position:absolute;
    height:140px; 
    width:250px;
    margin: -70px 0px 0px -250px;
    top: 50%; 
    left: 50%;
  
    text-align: justify;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px dotted #000000;
    overflow: auto;
  }
  
  #contactform {
    position:absolute;
    height:140px; 
    width:150px;
    margin: -70px 0px 0px 50px;
    top: 50%; 
    left: 50%;
  
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px dotted #000000;
    overflow: auto;
  }

ich bitte um hilfe!
 
Apfelkuchen hat gesagt.:
IE: boxen werden einfach zu kleine und mit falschen abständen dargestellt... beim FF funktioniert alles wunderschön. schön zentriert und passend.
Das Dokument besitzt keine Doctype-Deklaration, womit der IE (6.0) im sogenannten Quirksmode läuft und das Boxmodell falsch interpretiert.

[editpost]

Tatsächliche Element-Breite = Breite + Innenabstand + Rahmen = 250px + 2*20px + 2*1px = 292px

Tatsächliche Element-Höhe = Höhe + Innenabstand + Rahmen = 140px + 2*20px + 2*1px = 182px

[/editpost]


Füge einen dieser Doctypes in der HTML-Seite ein und das Darstellungsproblem ist behoben:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
oder

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.
Zurück