HTML / CSS

08/22/2014 20:43 bloodx#1

Hallo, habe mich heute mal mit der Webprogrammierung besch�ftigt und wollte ne Art "flat design" einfach mit html und css erstellen um mir die grund begriffe einzupr�gen.

jetzt frage ich mich wie ich die wei�en abst�nde hier weg bekomme ?

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

Code:

<html>
    <head>
        <title>Test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="main.css">  
    </head>
    <body>
        <div class="navigation"  >
            <div class="content">
                <p></p>
            </div>
        </div>
        <div class="info"  >
            <div class="content">
                <p></p>
            </div>
        </div>
    </body>
</html>

Code:

.navigation .content{
    position: relative; 
    clear: both; 
    width: 100%; 
    margin: 0px auto;
    padding: 0px;
    height: 800px;
    background-color: dodgerblue;
    //background-size: 100% auto;
}
.info .content{
    position: relative; 
    clear: both; 
    width: 100%; 
    margin: 0px auto;
    padding: 0px;
    height: 800px;
    background-color: lightcoral;
}

08/22/2014 20:54 asmohunter#2

Hallo,

f�g mal folgendes in deiner main.css ganz oben ein:

Code:

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

Hoffe dass dir das weiterhilft :)

08/22/2014 20:59 bloodx#3

Quote:
Originally Posted by asmohunter
Hallo,

f�g mal folgendes in deiner main.css ganz oben ein:
Code:
* {
	padding:0px;
	margin:0px auto;
}
Hoffe dass dir das weiterhilft :)

ah danke dir super :)

hatte dass bereits probiert in den beiden punkten von mir - da hatte es leider nicht geklappt aber f�r alle Objekte wie dein Beispiel geht es nun :)

08/22/2014 21:06 asmohunter#4

ok freut mich das es geklappt hat :)
falls du fragen hast oder vor einen problem stehst melde dich ruhig :) bin zwar kein html css Profi aber etwas kenne ich mich aus und evtl. stand ich schon mal vor dem selben Problem ;)