|
 |
  |
| Autor |
Nachricht |
cerkez1991
Erfahrener [User]
Anmeldung: 23.01.07
Beiträge: 81
Wohnort: Kassel - R ...
|
 Verfasst am: 06.03.2007, 15:14 Titel: Problem mit CSS im Browser |
 |
|
hi
ich habe ein css geschrieben bei firefox wird alles richtig angezeigt aber irgendwie nicht im internet explorer. wo ist den mein fehler  
hier der quelltext | Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>C-Signs :: Cerkezsigns || do.you.see.the.signs?</title>
<style type="text/css">
<!--
body
{
background-image:url(img/bg.png);
font: 12px Verdana;
color:rgb(0,0,51);
}
h1
{
font-size: 12px;
color: rgb(255,255,255);
padding:0px;
padding-left:10px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
}
h2
{
font-size: 10px;
color: rgb(192,192,192);
margin-left: 10px;
margin-top: 0px;
}
#inhalt
{
width:780;
height: 610px;
background-color: rgb(236,236,236);
margin-left: auto;
margin-right: auto;
border: 1px rgb(0,0,0) solid;
}
#header
{
background-image: url(img/header.bmp);
width: 750px;
height:150px;
background-color: #353535;
margin-left:auto;
margin-right:auto;
}
#navi
{
width:750px;
height:30px;
background-color: rgb(208,208,208);
margin-left:auto;
margin-right:auto;
color: rgb(0,0,0);
}
.navi
{
width:146px;
height:30px;
float:left;
margin-right:5px;
margin-left: 0px;
text-align: center;
}
#unternavi
{
width: 750px;
height: 5px;
margin-left: auto;
margin-right: auto;
}
#kategorien
{
width:750px;
height:170px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 20px;
color: rgb(0,0,0);
}
.kategorien
{
width: 180px;
height: 170px;
margin-right: 10px;
background-color: #353535;
float:left;
text-align: left;
}
#text
{
width: 750px;
height: 200px;
margin-left: auto;
margin-right: auto;
background-color: #353535;
}
-->
</style>
<div id="inhalt">
<!--HEADER-->
<div id="header">
</div>
<!--NAVIGATION-->
<div id="navi">
<div class="navi" style="background-color: #99CC00;"><h1>Home</h1></div>
<div class="navi" style="background-color: #FF3300;">Leistungen</div>
<div class="navi" style="background-color: #FF0066;">Referenzen</div>
<div class="navi" style="background-color: 04C0FF;">Impressum</div>
<div class="navi" style="background-color: #99CC00; margin-right:0px;">Cerkezsigns</div>
</div>
<!--UNTERNAVIGATION-->
<div id="unternavi" style="background-color: #99CC00;">
</div>
<!--Kategorien-->
<div id="kategorien">
<div class="kategorien"><h1 style="background-color: #99CC00;">Top News</h1></div>
<div class="kategorien"><h1 style="background-color: #FF3300;">Referenzen</div>
<div class="kategorien"><h1 style="background-color: #FF0066;">Cerkezsigns</div>
<div class="kategorien" style="margin-right: 0px;"><h1 style="background-color: 04C0FF;">Media</div>
</div>
<!-- Text-->
<div id="text">
<h1 style="background-color: #FF3300;">News</h1><h2></h2>
</div>
<h2 style="text-align: center;">Copyright © 2007 Cerkezsigns , C-Signs </h2>
</div>
</body>
</html>
|
ich gebe euch mal auch den link vllt wird es bei euch richtig angezeigt.
 http://cerkezsigns.ce.ohost.de/Neu1.html
das ist alles was ich wissen wollte hoffe ihr könnt mir helfen.
mfg cerkez1991
_________________
www.cerkezsigns.de.vu
|
|
| Nach oben |
|
 |
lundner
Beliebter [User]
Anmeldung: 15.11.06
Beiträge: 312
Wohnort: Zingst
|
| Verfasst am: 06.03.2007, 16:22 Titel: |
|
|
fehler gefunden 
sind 3 an der zahl:
1. Beim Doctype setz das ein:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
2. Bei #inhalt fehlt für width:780 das px
| Code: |
#inhalt
{
width:780px;
height: 610px;
background-color: rgb(236,236,236);
margin-left: auto;
margin-right: auto;
border: 1px rgb(0,0,0) solid;
}
|
und 3. hast du vergessen bei die h1-TAGS zu schliessen bei den kategorien
hier mal der verbesserte quelltext:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>C-Signs :: Cerkezsigns || do.you.see.the.signs?</title>
<style type="text/css">
<!--
body
{
background-image:url(img/bg.png);
font: 12px Verdana;
color:rgb(0,0,51);
}
h1
{
font-size: 12px;
color: rgb(255,255,255);
padding:0px;
padding-left:10px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
}
h2
{
font-size: 10px;
color: rgb(192,192,192);
margin-left: 10px;
margin-top: 0px;
}
#inhalt
{
width:780px;
height: 610px;
background-color: rgb(236,236,236);
margin-left: auto;
margin-right: auto;
border: 1px rgb(0,0,0) solid;
}
#header
{
background-image: url(img/header.bmp);
width: 750px;
height:150px;
background-color: #353535;
margin-left:auto;
margin-right:auto;
}
#navi
{
width:750px;
height:30px;
background-color: rgb(208,208,208);
margin-left:auto;
margin-right:auto;
color: rgb(0,0,0);
}
.navi
{
width:146px;
height:30px;
float:left;
margin-right:5px;
margin-left: 0px;
text-align: center;
}
#unternavi
{
width: 750px;
height: 5px;
margin-left: auto;
margin-right: auto;
}
#kategorien
{
width:750px;
height:170px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 20px;
color: rgb(0,0,0);
}
.kategorien
{
width: 180px;
height: 170px;
margin-right: 10px;
background-color: #353535;
float:left;
text-align: left;
}
#text
{
width: 750px;
height: 200px;
margin-left: auto;
margin-right: auto;
background-color: #353535;
}
-->
</style>
<div id="inhalt">
<!--HEADER-->
<div id="header">
</div>
<!--NAVIGATION-->
<div id="navi">
<div class="navi" style="background-color: #99CC00;"><h1>Home</h1></div>
<div class="navi" style="background-color: #FF3300;">Leistungen</div>
<div class="navi" style="background-color: #FF0066;">Referenzen</div>
<div class="navi" style="background-color: 04C0FF;">Impressum</div>
<div class="navi" style="background-color: #99CC00; margin-right:0px;">Cerkezsigns</div>
</div>
<!--UNTERNAVIGATION-->
<div id="unternavi" style="background-color: #99CC00;">
</div>
<!--Kategorien-->
<div id="kategorien">
<div class="kategorien"><h1 style="background-color: #99CC00;">Top News</h1></div>
<div class="kategorien"><h1 style="background-color: #FF3300;">Referenzen</h1></div>
<div class="kategorien"><h1 style="background-color: #FF0066;">Cerkezsigns</h1></div>
<div class="kategorien" style="margin-right: 0px;"><h1 style="background-color: 04C0FF;">Media</h1></div>
<br style="clear:both;">
</div>
<!-- Text-->
<div id="text">
<h1 style="background-color: #FF3300;">News</h1><h2></h2>
</div>
<h2 style="text-align: center;">Copyright © 2007 Cerkezsigns , C-Signs </h2>
</div>
</body>
</html>
|
aber sieht schon ganz gut aus!!
wenn sonst fehler sind findest du die oft mit dem w3c-validator:
http://validator.w3.org/
_________________
meine Homepage: lundner.com
meine Fotos:photos.lundner.com
|
|
| Nach oben |
|
|
cerkez1991
Erfahrener [User]
Anmeldung: 23.01.07
Beiträge: 81
Wohnort: Kassel - R ...
|
| Verfasst am: 06.03.2007, 18:01 Titel: danke |
|
|
cool danke für den tipp und für deine hilfe
mfg cerkez1991
_________________
www.cerkezsigns.de.vu
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
