HTML / CSS

bloodx · 08/22/2014, 20:43

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 ?

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

asmohunter · 08/22/2014, 20:54

Hallo,

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

Code:

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

Hoffe dass dir das weiterhilft

bloodx · 08/22/2014, 20:59

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

asmohunter · 08/22/2014, 21:06

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