Niklas1812
Mitglied
Hallo,
Ich wollte mal fragen ob meine Seite in irgendwelchen Browsern oder Betriebssystem falsch angezeigt wird !
Der Grund warum ich das hier in Css bereich gepostet habe ist das mir gesagt wurde das im Ie 7 streifen zwischen den Bildern sind c.a 4-5 pc Breit.
Nur ich finde den Fehler einfach nicht
Hier der Code:
html
Css
Seite: http://puitv.de/home
Gruß Niklas
Ich wollte mal fragen ob meine Seite in irgendwelchen Browsern oder Betriebssystem falsch angezeigt wird !
Der Grund warum ich das hier in Css bereich gepostet habe ist das mir gesagt wurde das im Ie 7 streifen zwischen den Bildern sind c.a 4-5 pc Breit.
Nur ich finde den Fehler einfach nicht
Hier der Code:
html
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>PuiTv - Startseite</title>
<meta content="Sport" name="keywords">
<link rel="stylesheet" type="text/css" href="/style/style">
<meta http-equiv="Content-Type" content="text/html;charset=windows-1252">
</head>
<body>
<div id="wrapper">
<img src="/bilder/puitv.png" alt="Pc und Internet Tv">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="home.html" id="current">Startseite</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="p-tutorials.html">Programmier Tutorials</a></li>
<li><a href="spielvorstellungen.html">Spielvorstellungen</a></li>
<li><a href="ueber-mich.html">Über Mich</a></li>
</ul>
</div>
<img src="/bilder/orange.png" alt="balken1">
<img src="/bilder/anfang-gross.png" alt="balken2">
<p id="box2">Wilkommen auf Puitv.de<br>Auf dieser Seite gibt es Tutorials rund um das Thema Pc und Internet</p>
<img src="/bilder/ende-gross.png" alt="balken3">
</div>
</body>
</html>Css
Code:
body {
background-color: #2688db;
color: black;
text-align: center;
font: 25px Arial;
margin: 0 auto;
background-repeat: repeat-x;background-image:url(/bidler/blau.png);
}
#wrapper {
padding: 25px 0px 25px 0px ;
margin: 0 auto;
width: 946px;
}
a:link {
color: blue;
}
a:visited {
color: red;
}
a:hover {
color: orange;
}
#box2 {
width: 886px;
float:right;
background: white url(balken20.png) -246px 0 no-repeat;
border-style: solid;
border-color: #f88214 ;
border-width: 0px 15px 0px 15px ;
font: 20px Arial;
padding: 0px 15px 0px 15px ;
margin: 0 auto;
}
#navcontainer ul {
margin: 0 auto 0 auto;
padding: 0;
width: 946px;
height: 30px;
background: url("/bilder/navBarBh.gif");
}
#navcontainer {
display: block;
width: 946px;
margin: 0 auto;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
float: left;
background: url("navBarBh.gif") repeat-x 30px;
font: 15px/30px "Arial", verdana, sans-serif;
text-align: center;
}
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 189px;
border-top: 0px solid #A8B090;
border-bottom: 0px solid #A8B090;
border-left: 0px solid #A8B090;
}
#navcontainer li#active { background: url("/bilder/navBarBg.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("/bilder/navBarBg.gif") repeat-x 20px; }Seite: http://puitv.de/home
Gruß Niklas
