layout wird nicht richtig angezeigt??

html.de-Forum HTML, XHTML & CSS
1

Hi Leute ich mache momentan eine eigene Homepage … aber das layout welches in css erstellt habe funktioniert nicht so wie ich das möchte…
die ganzen div-tags werden irgendtwie nicht richtig angezeigt.

Was also mache ich falsch

[HTML]

Björn Bojara <link rel="stylesheet" type="text/css" href="layout.css"
Hier ist das Logo

 

 

 

[/HTML]

[HTML]a img { /* Dieser Seleektor entfrent den Tahmen um Bilder*/
border: none;
}
a:link {
color:#414958;
text-decoration: underline;
a:visited {
color: #4E5869;
text-decoration: underline;
}
/* Der container umschließt alle anderen div tags /
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto; / Durch diesen Wert wird das Layout zentriert /
}
.header {
background: #6F7D94;
height:200px;
}
.sidebar1 {
float: left;
width: 25%;
background: #93A5C4;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 55%;
float: left;
}
.sidebar2 {
float: left;
width: 20%;
background: #93A5C4;
padding: 10px 0;
}
ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666; / Mit diesem tag werden die einzelnen Schaltflächen getrennt /
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block; / Hiermit wird die Blockeigenschaft angegeben */
text-decoration: none;
background: #8090AB;
color: #000;
}

.footer {
padding: 10px 0;
background: #6F7D94;
position: relative;
clear: both;
}
[/HTML]

2

Wie soll es denn aussehen?

3

[ATTACH]1863.vB[/ATTACH]
so ungefähr das soll natürlich später noch mit inhaölt gefüllt werden

4

…irgendwie kommt mir das bekannt vor.

<link rel="stylesheet" type="text/css" href="layout.css"

da fehlt die Klammer zum Schluss: …href=„layout.css“>

XHTML-Code im 4er HTML:

Hier ist das Logo

Der Slash an der schliessenden Klammer ist falsch.

Auch im css ist was im argen:
bei a:link

color:#414958; text-decoration: underline;

fehlt die schliessende Klammer

5

leider sieht es immer noch so aus
[ATTACH]1864.vB[/ATTACH]

6

Naja, das logo scheint wunschgemäß angezeigt zu werden, doch das ist html.
Die Navi wird vom css gar nicht beachtet, was mich zu der Vermutung verleitet, dass Deine css falsch verlinkt ist. Überprüfe, ob sie
a.) im richtigen Verzeichnis abgelegt ist
b.) korrekt geschrieben ist (je nach OS kann auch Gross-/Kleinschreibung eine Rolle spielen)

Eines kannst Du noch weiterhin machen: da Du offenbar Phase5 verwendest, kannst Du dort einen anderen als den Standard-Phase5-Browser implementieren. Das geht irgendwie und recht problemlos, über Extras, meine ich. Such mal ´nen büschen, deaktiviere den Standard-Browser und verwende anstelle dessen den/die bei Dir installierten Browser. Der Phase5-Browser ist, sehr freundlich formuliert, ´ne Krücke.

7

was ist denn OS ??

8

Operating System = Betriebssystem

9

Ich habe aber jetzt nochmal nachgeprüft aber es ist auf jeden fall richtig verlinkt!!

10

Rechtschreibung ?

11

wie meinst du das ??

12

Hab ich schon mal angesprochen:

13

Da ich Deine Vorkenntnisse nicht kenne, frag ich mal ganz konkret: liegt die css im gleichen Verzeichnis wie die html ?

14

hat threadi keine idee ?

15

jap die css liegt im gleichen verzeichnis …

kannst du mir sagen warum es jetzt mit meinem neuen code geht ???

neue codes:

Björn Bojara
Hier ist das Logo

body{
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}

a:link {
color:#414958;
text-decoration: underline;
}
a:visited {
color: #4E5869;
text-decoration: underline;
}
a:hover, a:active, a:focus { /
text-decoration: none;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
}

.header {
background: #6F7D94;
height:200px;
}

.sidebar1 {
float: left;
width: 25%;
background: #93A5C4;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 55%;
float: left;
}
.sidebar2 {
float: left;
width: 20%;
background: #93A5C4;
padding: 10px 0;
}

.content ul, .content ol {
padding: 0 15px 15px 40px;
}

ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
text-decoration: none;
background: #8090AB;
color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #6F7D94;
color: #FFF;
}

.footer {
padding: 10px 0;
background: #6F7D94;
position: relative;
clear: both;
}

.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

16

[html]a:hover, a:active, a:focus { /
text-decoration: none;
}
[/html]
Der Slash gehört da nicht hin

17

okay… aber warum geht es jetzt mit den zusätzlichen stylesheet und vorher ohne diese neuen nicht ???

18

Weiss ich nich, bin nebenbei noch bei ftp zu gange (verliere). Trotzdem bin ich immer noch der Meinung, das irgendwas mit Rechtschreibung oder Verlinkung nicht stimmte. Auffällig war schon die grundsätzlich fehlerhafte Formatierung der li´s.
Ich bin nicht so gut im „Trockencode-Lesen“, aber einen grundsätzlichen Fehler habe ich nicht gesehen. Daher mein o.g. Tipp.

19

Bei deinem ersten Code (Startposting dieses Topics) fehlt hier

<link rel="stylesheet" type="text/css" href="layout.css"

ein > am Ende.

<link rel="stylesheet" type="text/css" href="layout.css"[COLOR="red"]>
20

Hatte er, nach eigenen Angaben, bereits geändert: