Some CSS Problems

11/05/2011 17:59 Asacs�#1

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

11/05/2011 19:27 Snake124#2

meinst du sowas?

[Only registered and activated users can see links. Click Here To Register...]

Spoiler

11/05/2011 19:31 Asacs�#3

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

11/05/2011 19:40 Snake124#4

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 ;)

11/05/2011 19:55 Asacs�#5

Html im Anhang.

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

11/05/2011 19:59 Snake124#6

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

11/05/2011 20:15 Asacs�#7

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

11/05/2011 20:23 Snake124#8

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

11/05/2011 22:13 JacK le chilla#9

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 :D

11/06/2011 00:57 Devil589#10

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 :D

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

11/06/2011 01:06 NotEnoughForYou#11

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.

11/06/2011 01:34 Asacs�#12

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