K.Bokoff: Richtiges DOCTYPE für alle Browser

Beitrag lesen

Dann zeige doch mal beides her, vielleicht findet sich dann der Haken.

8<---------HTML----------8<

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>WEBSERVER</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="expires" content="now" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="cache-control" content="no-store" />
<meta name="author" content="WEBSERVER" />
<meta name="description" content="WEBSERVER" />
<meta name="date" content="2005-11-21 12:19:20" />
<meta name="robots" content="index,follow" />
<style type="text/css" title="currentStyle" media="screen">
  @import "/outlook/01.css";
</style>
</head>

<body class="all">

<div id="container">

<div class="langList">
<form action="/cgi-bin/choice.cgi" method="post">
<fieldset class="langButton">
 <input type="submit" value="Deutsch" class="blueButton" />
 <input type="hidden" name="language" value="de" />
</fieldset>
</form>
<form action="/cgi-bin/choice.cgi" method="post">
<fieldset class="langButton">
 <input type="submit" value="English" class="blueButton" />
 <input type="hidden" name="language" value="en" />
</fieldset>
</form>
</div>

</div>

</body>

</html>

8<----------CSS---------8<

/*--------------------------------------------------------------------------*/
/* BACKGROUND: transparent url(../bilder/hg.png) repeat-x top left; */

.all {

background-color:  #FFFFFF;
    color:          #058FE7;
    margin:    auto;
    width:    auto;
    height:    auto;
    font-family:  tahoma, verdana, monospace;
    font-size:   85%;
    font-weight:  normal;
    text-align:   center;
    position:           relative;
}

/*--------------------------------------------------------------------------*/
#container {

width:              1000px;
    background-color:   #EEEEEE;
    color:              #058FE7;
    border:             2px solid #058FE7;
 text-align:         center;
    position:           relative;
    top:                20px;
    left:               0px;
    padding:            2px 0px 2px 0px;
    margin:             20px 0px 20px 0px;
    top:                2%;
    left:               2%;
}

.langList {

width:              380px;
    background-color:   #E0FFFF;
    color:              #058FE7;
    border:             1px solid #058FE7;
 text-align:         center;
    position:           relative;
    padding:            4px 0px 4px 0px;
    margin:             0px 0px 0px 0px;

}

.langButton {

width:              180px;
    height:             24px;
    background-color:  #A0FFFF;
    color:              #EDF3FF;
    border:             1px dotted  #FF0000;
    text-align:         center;
    position:           relative;
    top:                7px;
    left:               0px;
    bottom:             7px;
    right:              0px;
    padding:            3px 0px 1px 0px;
    margin:             1px 0px 0px 0px;

}

.blueButton {

width:              120px;
    background-color:  #EDF3FF;
    color:              #058FE7;
    text-align:         center;
    font-family:        tahoma, verdana, monospace;
    font-size:          85%;
    font-weight:  normal;
    padding:            0px 0px 0px 0px;
    margin:             0px 0px 0px 0px;
}

Danke.