hallo leute, bin anfänger mit xhtm und css .
Mein problem : im explorer supi ansicht in firefox verschiebt sich die ansicht. Kann mir einer helfen?
Mein problem : im explorer supi ansicht in firefox verschiebt sich die ansicht. Kann mir einer helfen?
Code:
<?xml version="1.0" encoding="iso-8859-1" ?>
<!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" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="style.css">
<style type="text/css">
.Stil4 {font-size: 12px}
.Stil6 {color: #2B5360; font-weight: bold; font-size: 12px; }
.Stil7 {color: #000000}
body {
background-color: #FFFFFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
<!--[if IE]>
<style>
ul#navigation{
margin-left: 0px;
}
ul#navigation li a
{
margin-left: -20px;
voice-family:"\"}\"";
voice-family:inherit;
margin: 0px;
}
</style>
<![endif]-->
</head>
<body>
<body>
<h1 id="header"> </h1>
<ul class="Stil1" id="navigation">
<li><a id="selected" href="index.html">Home</a></li>
<li><a href="pcservice.html">PC-Service</a></li>
<li><a href="datenrettung.html">Datenrettung</a></li>
<li><a href="webdesign.html">Webdesign</a></li>
<li><a href="#">Notdienst</a>
<ul>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</li>
<li><a href="#">Impressum</a></li>
<li><a href="#">AGB</a></li>
</ul>
</p>
<div id="content">
<div align="left" class="Stil3"> Willkomen auf unserer Internetpräsenz</div>
</div>
<div id="content2">
<p align="justify"> </p>
<p>
<div align="left">
<p align="left" class="Stil1"><span class="Stil7 Stil4"> Wir sind ein junges, dynamisches Team und bieten Ihnen schnelle,<br /> zuverlässige und
professionelle Hilfe bei Ihren Computerproblemen<br /> jeglicher Art und das auch vor Ort.Des weiteren bieten wir einen<br /> Computer Service und Telefon-Support für gewerbliche
und private<br /> Nutzer. Wir tauschen einzelne Komponenten, erweitern oder<br />
konfigurieren
komplette PC-Systeme individuell nach Ihren Be-<br /> dürfnissen und Wünschen.
Ihre Daten sind weg? Kein Problem, wir stellen Ihre Daten wieder her <br /> und sichern sie.
Für Ihre eigene Internetpräsenz stehen wir Ihnen gerne mit Beratung und Realisierung <br />
zur Seite.</span><br />
</p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p> </p>
</div>
<div id="rightbox">
<?php
if (isset ($_REQUEST["fehler"]))
{
echo "Die Zugangsdaten waren ungültig.";
}
?>
<form action="login.php" method="post">
Name: <input type="text" name="name" size="16"><br>
Kennwort: <input type="password" name="pwd" size="16"><br>
<input type="submit" value="Login">
</form>
</object>
<br />
</p>
<p align="justify" style="text-decoration: underline; "class="Stil6">Wir sind Partner von:</p>
<p align="justify" class="Stil4"><a href="http://www.unserefamilienkarte.de" class="Stil7">Familienkarte Rhein Kreis Neuss</a></p>
<p align="justify" style="text-decoration: underline; "class="Stil6"> PC-Systeme finden Sie bei:</p>
<p align="justify" class="Stil4"> <a href="http://www.pandaro.de" class="Stil7">Pandaro</a></p>
</div>
<p align="auto">
<p align="left">
<p>
<p> </p>
</body>
</html>
Code:
*
{
padding:0px;
margin:0;
}
body
{
font: 14px "Trebuchet MS", verdana, arials, sans-serif;
color: #000;
background: #ccc;
background-image:url(Unbenannt-4.png);
}
p
{
margin: 1em 0;
}
a.anker
{
float: left;
text-decoration: none;
color: #fff;
}
hr
{
background: #aaa; /* Mozilla 1.4 */
color: #aaa; /* IE 6 */
border: #aaa; /* Opera 7.11 */
}
h2
{
font-size: 40px;
}
/*
----------Header-----------------------------
*/
#header
{
height: 135px;
line-height: 85px;
margin:-1px -1px -1px 0;
padding-left: 45px;
background-image:url(logodaten.png);}
#header span
{
font-weight: normal;
}
/*
----------Navigation-------------------------
*/
ul#navigation
{
float: left;
position:absolute;
margin: 65px 0 0 30px;
width: 147px;
list-style: none;
border-top: 1px solid #333;
background-image:url(Unbenannt-8.png);
border-style:none;
overflow:auto;
clear:none;
}
ul#navigation li
{
text-align: center;
}
ul#navigation li a
{
display: block;
height: 27px;
width: 147px;
line-height: 27px;
text-decoration: none;
color: #333;
background-image:url(Unbenannt-5.png);
background-style:none;
}
ul#navigation li a:hover
{
background: #5296b4;
color: #eaeaea;
background-image:url(Unbenannt-6.png)
}
ul#navigation li a:active
{
background: #5296b4;
color: #eaeaea;
background-image:url(Unbenannt-6.png)
}
/*
----------Inhalt----------
*/
p#content
{
padding: 15px;
margin: 0px 0 0px 200px;
float:none;
}
#content2
{
float:auto;
padding:10px;
margin: 0px 10px 0px 150px;
list-style:none;
width:
auto;
}
#rightbox {
width: 147px;
height:400px;
float: right;
list-style:none;
margin-top:0px;
margin:-410px -5px
0px 0;;
}
/*
----------Footer------------
*/
p#footer
{
widht:350;
height: 400px;
line-height: 20px;
background: #000000;
text-align: center;
}
.Stil1 {color: #000066}
.Stil3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
}
