CSS wird falsch angezeigt

**goth** · 28.10.2004, 17:54

Du weisst aber prinzipiell schon das ID's für HTML-Elemente eindeutig (also einmalig) vergeben werden müssen ... ?!

**Nascar** · 28.10.2004, 19:19

Hi,
nö aber danke das du mich drauf hingewiesen hast ;-)
Heißt das das ich immer #bar-caption #bar-caption2 #bar-caption3 usw machen muss??

MfG
Nascar

**derHund** · 28.10.2004, 19:27

Heißt das das ich immer #bar-caption #bar-caption2 #bar-caption3 usw machen muss??

nein.

http://de.selfhtml.org/css/formate/zentrale.htm

**goth** · 28.10.2004, 19:40

Original geschrieben von Nascar
Heißt das das ich immer #bar-caption #bar-caption2 #bar-caption3 usw machen muss??

Nö ... sowas macht man eher mit Klassen (du kannst auch mehrere Klasse zuweisen).

Alles in allem wird's wohl Dein Problem nicht lösen ... ich kann mich erinnern das wir sowas kürzlich schon einmal hatten ... die "Guten Browser" (Opera, Firefox) stellen es auch korrekt dar .. !

**Nascar** · 28.10.2004, 19:41

Hi,
sorry aber ich versteh das nicht. Bin ich anscheinend unfähig zu.
Wäre nett, wenn mir wer das versucht zu erklären, aber ich weiß damit nichts anzufangen.

MfG
Nascar

**asp2php** · 28.10.2004, 21:43

hast du das http://de.selfhtml.org/css/formate/z...ividualformate schon gelesen? was ist denn da, dass du nicht verstehst?

**Nascar** · 28.10.2004, 21:50

Hi,
also ich weiß nicht wie ich das an meinem Code abändern muss. Durch gelesen hab ich mirs schon.
Aber eben ich kapiers nicht wie ich das anwenden soll.
Wäre nett wenn ihr mir das an meinem beispiel erklärt, dann frag ich auch nie wieder was

Oder zumindestens was so ähnlich ist wie meines.

MfG
Nascar

**Nascar** · 29.10.2004, 23:32

Hi,
kann mir nicht bitte jemand helfen?

sonst bekomm ich das nie alleine hin
Danke.

MfG
Nascar

**wahsaga** · 30.10.2004, 13:25

Original geschrieben von Nascar
kann mir nicht bitte jemand helfen?

das haben wir doch bereits.
(statt asp2phps link wäre http://de.selfhtml.org/css/formate/zentrale.htm#klassen vermutlich etwas angebrachter gewesen.)

sonst bekomm ich das nie alleine hin

dann hast du dich wohl immer noch nicht genügend mit den grundlagen von CSS auseinandergesetzt.

arbeite die einleitung in selfhtml erst mal komplett durch.

**Nascar** · 30.10.2004, 17:04

Hi,
ich denke das mit dem Klassen in CSS hab ich jetzt verstanden. Habs auch versucht an meiner Seite anzuwenden, aber funktionieren tuts leider immer noch nicht

MfG
Nascar

Vieleicht könnt ihr mir einfach nur sagen was hierran falsch ist. Ihr müsst aber nicht, will euch ja zu nichts zwingen.
Hier noch mal der veränderte Quelltext:

PHP-Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Page</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

body {

    background-color: #999966;

}

#page {

    margin-bottom:15px;

    margin-top:15px;

    margin-left:auto;

    margin-right:auto;

    width:963px;

}

#banner {

    width:963px;

    margin-bottom:15px;

    border:1px solid #000000;

}

#content {

    float: left;

    width: 663px;

    border:1px solid #000000;

}



#bar-left {

    float: left;

    margin-right: 16px;

    margin-bottom: 16px;

    width: 132px;

    border:1px solid #000000;

}



#bar-right {

    float: left;

    margin-left: 16px;

    margin-bottom: 16px;

    width: 130px;

    border:1px solid #000000;

}

div.bar-caption {

    border-top:1px solid #000000;

    background-color:#666666;

}



div.bar-links {

    border-top:1px solid #000000;

    background-color: #999999;    

}



span.symbole {

    color:#99CCFF;

    margin-left:10px;

}



span.bar-head {

    color:#FFFFFF;

}

span.bar-link {

    color:#99CCFF;

    font-size:0.9em;

    margin-left:5px;

}





-->

</style>

</head>



<body>

<div id="page">

        <!-- Banner-Start -->

          <div id="banner"><img src="gfx/banner.gif" alt="Banner"></div>

        <!-- Banner-Ende -->

        <!-- Linkes Menu-Start -->

        <div id="bar-left">

            

            <div style="background-color:#666666;">

                <span class="symbole">&raquo;</span><span class="bar-head">Home</span>

            </div>

            <div class="bar-links">

                <span class="symbole">&raquo;</span><span class="bar-link">Test Link</span>

            </div>

            <div class="bar-caption">

                <span class="symbole">&raquo;</span><span class="bar-head">Clan</span>

            </div>

            <div class="bar-links">

                <span class="symbole">&raquo;</span><span class="bar-link">Test Link</span>

            </div>

        

        

        </div>

        <!-- Linkes Menu-Ende -->

        <!-- Content-Start -->

        <div id="content">News und ande Inhalte</div>

        <!-- Content-Ende -->

        <!-- Rechtes Menu-Start -->

        <div id="bar-right">

            <div style="background-color:#666666;">

                <span class="symbole">&raquo;</span><span class="bar-head">Statistiken</span>

            </div>

            <div class="bar-links">

                <span class="symbole">&raquo;</span><span class="bar-link">Wars</span><br>

                <span class="symbole">&raquo;</span><span class="bar-link">Member</span>

            </div>

            <div class="bar-caption">

                <span class="symbole">&raquo;</span><span class="bar-head">Partner</span>

            </div>

            <div class="bar-links">

                <span class="symbole">&raquo;</span><span class="bar-link">Test</span>

            </div>

        </div>

        <!-- Rechtes Menu-Start -->

</div>

</body>

</html>

**wahsaga** · 30.10.2004, 20:29

Original geschrieben von Nascar
Vieleicht könnt ihr mir einfach nur sagen was hierran falsch ist.

wie sollen wir dir sagen, was "falsch" ist, wenn wir nicht wissen, wie's aussehen soll ...?

**Nascar** · 30.10.2004, 20:42

Hi,

das steht im ersten Beitrag.
Also noch mal da wi die News und so angezeigt werden sollen, ist alles grau hinterlegt auch noch darunter.
Dann wird der das letzte wort der rechten bar unter den contents noch mal angezeigt.
Wird allerding nur im IE so angezeigt.
Hab mal nen Screen angehängt wie es nicht sein soll. Also alles was um den boxen rum ist soll nicht die farbe sein die unter dem content ist, sondern die die alles umfasst

MfG
Nascar

Angehängte Dateien

seite.gif (4,7 KB, 70x aufgerufen)

CSS wird falsch angezeigt