Some CSS Problems

~~Asacs™~~ · 11/05/2011, 17:59

Hay,

ich habe nun eine Seite angelegt, alles ist in Ordnung und ohne Probleme.
Jetzt merke ich dass ich schon paar Seiten hab aber mir nie Gedanken darüber gemacht wie ich eine Sache mache und zwar:

Ein Background. Und ein anderen Background in der Seite drinnen, was ich meine ist, dass ganz hinten z.B. Schwarz ist und in der Mitte Weiß. Ich hoffe ihr wisst was ich meine weiß nicht wie ich es erklären soll^^

LG

Snake124 · 11/05/2011, 19:27

meinst du sowas?

Spoiler

~~Asacs™~~ · 11/05/2011, 19:31

ja schon, aber wo kommt was rein? Ich scripte bissel anders.

Meine css:

Code:

*{
	padding : 0px;
	margin: 0px;

}
/* Header */
header {
	
	background: url(images/header.png);
	background-repeat:no-repeat;
	height: 250px;
	border: white 1px groove;

}
/* NAVI */

nav ul {

	list-style-type: none;
	font-size: 18pt;
	font-style: arial;
	font-weight: bold;

	
}

und so weiter.

Lg

Snake124 · 11/05/2011, 19:40

ich denke mein beispielcode reicht da locker aus oO

der body ist global, also zählt ach für deine seite. für den grünen(oder was auch immer welche farbe) hintergund musst du deine contentelemente mit einem bg versehen.

ohne htmldatei kann ich dir nicht genau sagen wo etwas hin muss.

desweiteren brauchst du mir keine pn mit dem threadlink schicken, ich schau auch so rein

~~Asacs™~~ · 11/05/2011, 19:55

Html im Anhang.

Ich habs jetzt versucht selber hinzubekommen, aber anstatt die mitte farbe ändert. Ändert sich nur der Footer.

Snake124 · 11/05/2011, 19:59

PHP Code:


			
<!DOCTYPE html>





<head>

    <title> Asacs - Home </title>

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

</head>



<body>

<div class="content">

<header>





</header>



<nav>

    <ul>

        <a href="#"><li>Home</li></li></a>

        <a href="register/index.php" target="_blank"><li>Anmelden</li></li></a>

        <a href="forum.htm"><li>Forum</li></li></a>

        <a href="launcher.htm"><li>Launcher</li></li></a>

        <a href="admins.htm"><li>Team</li></li></a>

        <a href="impressum.htm"><li>Impressum</li></li></a>

            

    </ul>

</nav>





    <section>

    

        <article>

            <h2><font color="Red" face="Showcard Gothic" size="7">TEST</font></h2>

            <p><b><font size="5" face="Arial Black">TEST TEST</font></b></p>

            </font></p>



        </font></p>

            

        </article>



    







    

    

    </section>



    <aside>

......................................

......................................

......................................

......................................

......................................

......................................

......................................

......................................

......................................

......................................

......................................

    </aside>

    

    <footer>

        <p>Copyright ©2011, WWW.PURE-MANGA.DE | Coded by Asacs | Designed by Asacs</p> 

    </footer>

</div>







</body>

</html>

in deiner cssdatei musste noch einfügen:

Code:

.content{
    background-color:#FARBE;
}

edit: wenns immernoch probleme gibt adde mich in skype oder icq

~~Asacs™~~ · 11/05/2011, 20:15

Jau passt danke. Dachte erst das es nicht geht. Aber hatte den punkt bei content{ weg gelassen. Sagst du mir warum da ein punkt hin kommt?

Lg

Snake124 · 11/05/2011, 20:23

der punkt deklariert das css element als klasse
eine raute macht das element zur id(wäre dann zb <div id="content">blah</div>)
ids können nur einmalig verwendet werden, klassen mehrmals

und für thx bitte den thanksbutton benutzen

mfg

JacK le chilla · 11/05/2011, 22:13

wenn du es mal erweitern willst oder probleme hast es kam schon oft vor das jemand beim zentrieren mit css gescheitert ist dabei ist es kindergartenniveau

einfach eine widht angeben und margin-left:auto; margin-right:auto; rein und tada es ist in der mitte

man muss eben nur eine feste breite bitte in PIXELN! in % ist sowas affig

Devil589 · 11/06/2011, 00:57

Quote:

Originally Posted by JacK le chilla

wenn du es mal erweitern willst oder probleme hast es kam schon oft vor das jemand beim zentrieren mit css gescheitert ist dabei ist es kindergartenniveau einfach eine widht angeben und margin-left:auto; margin-right:auto; rein und tada es ist in der mitte man muss eben nur eine feste breite bitte in PIXELN! in % ist sowas affig

margin: 0 auto;

Dies bewirkt genau das gleiche nur dass du da nur einmal margin nutzen musst.

Und ja, wie du schon sagtest, die Pixel-Einheit sollte man benutzen denn bei % hat man oft das Problem dass später nichts mehr an der Position ist wo es soll UND es ist eine ungenaue Einheit. :P

NotEnoughForYou · 11/06/2011, 01:06

Quote:

Originally Posted by Devil589

margin: 0 auto;

Dies bewirkt genau das gleiche nur dass du da nur einmal margin nutzen musst.

Und ja, wie du schon sagtest, die Pixel-Einheit sollte man benutzen denn bei % hat man oft das Problem dass später nichts mehr an der Position ist wo es soll UND es ist eine ungenaue Einheit. :P

% richtet sich nach dem Bildschirm. Da jeder Bildschirm anderst ist, hat man natürlich verschiedene Ergebnisse. 1px ist auf jedem Bildschirm gleich, 1% nicht.

~~Asacs™~~ · 11/06/2011, 01:34

Hat sich alles schon geklärt, aber trotsdem danke für eure bemühungen. Bin nicht grad der 100% noob in HTML