• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS wird nicht richtig ausgeführt!

Status
Für weitere Antworten geschlossen.

..|BeZzerWizZer|..

Neues Mitglied
Also ich habe heute mal ein Layout in CSS geschrieben:
PHP:
* {
margin: 0;
padding: 0;    
}
body  {
    font: 95% Verdena,Arial,Helvitica, sans-serif;
    color:#f00;
    background:#000;
}
 {
    font: normal 1.8em Georgia, 'Times New Roman', serif;
    color:#d29b2a;
    margin:0 0 20px 0;
    padding:20
    px: 0 0 0;
}
{
    font-size: 1.2em;
    font-weight:normal;
}
{
    font-size: lem;
    font-weight:normal;
}
{
    font-size:0.80em;
}
#header{
    width: 100%;
    background: #b4a895;
    }
#container{
    color:#000;
    background:#c8c5c5;
    width: 100%;
}
#logo {
width: 200px;
height: 122px;
color:#fff;
background:#716959;
}
#main {
    margin-left: 200px;
    color:#000;
    background:#e3e0e0;
    line-height: 1.2em;
}
#p.mainbot {
Clear:
height:
background    
}
#column {
    position: relative;
    float:right;
    width:200px;
    color: #000;
    background:#a3c5c3;
}
#content {
    margin-rigth:200px;
    color:#000;
    background:#e6d7be;
}
#navigation {
    position: absolute;
    top: 122px;
    left:0;
    width:200px
    color:#000;
    background:#d29b2a;
}

das wollte ich jetzt mit einer html Seite einbinden hier der Quelltext zur Html Seite:
<!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" xml:lang="en" lang="en">
<head>
<title></title>

tzghzgfthgf
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
</head>
<body>

</body>
</html>

so und bei mir kommmt nur ein schwarzer hintergrund !
was hab ich falsch gemacht!?
 
Um ein Element anzeigen zu lassen, musst du zB der ID eines Containers den namen übergegeben:


<body>

<div id="main">
Das ist vielleicht die Umrandung
</div>

<div id="beispiel2">
und das könnte eine liste mit links sein
</div>

</body>
 
Zuletzt bearbeitet:
Dein CSS ist völlig fehlerhaft. Was willst du denn damit erreichen einzelne CSS-Eigenschaften keinem html-element bzw. keiner css-klasse zuzuordnen?

So wäre es korrekter, wenn auch nicht richtig. Ich weis ja nicht wo du die einzelnen Eigenschaften zuordnen willst.

Code:
[COLOR=#000000][COLOR=#007700]
.classe {
    [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]normal 1.8em Georgia[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'Times New Roman'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]serif[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000bb]color[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#ff8000]#d29b2a;
    [/COLOR][COLOR=#0000bb]margin[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]0 0 20px 0[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000bb]padding[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]20
    px[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0 0 0[/COLOR][COLOR=#007700];
}
html-element {
    [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]size[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1.2em[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]weight[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]normal[/COLOR][COLOR=#007700];
}
[/COLOR][/COLOR]
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben