Beiträge von naidhir

naidhir

Hab mir die Seite mal angeguckt. Mir ist das mit dem FLOAT schon logisch, aber ich weiß nicht was ich falsch gemacht habe, dass es einfach nicht funktioniert...:?

naidhir

Was die Lösung ist, damit mein Code so angezeigt wird wie in dem Bild.

naidhir

Hi,
ich bin gerade dabei eine Seite für eine Homepage zu erstellen.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>weltkehrt</title>
<link rel="stylesheet" type="text/css" href="localhost/weltkehrt_1/main.css">
</head>
<body>


<div id="menu"><ul>
    <li><a href="#">Bilder und Kunstwerke</a></li>
    <li><a href="#">Briefe und Texte</a></li>
    <li><a href="#">Tutorials und FAQ</a></li></ul>
</div>
<div id="v_navi">
    <h2>weltkehrt</h2>
    <div class="circle"><img href="#"></div>
    <ul><li><a href="#">Kontakt</a></li>
    <li><a href="#">Impressum</a></li></ul>
</div>
<div id="content">
    <h2>Herzlich Willkommen</h2>
<p>Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.Lorem ipsum dolor sit edmet.
</p></div>


<div id="footer">2013 - 2014</div>


</body>
</html>

Alles anzeigen

und CSS

Code

body {
    background_color: #FAFAFA;
}


#content {
    float: right;
    width: 80%;
    text-align: justify;
    height: 100%;
    background-color: yellow;
}
#v_navi {
    float: left;
    width: 20%;
    margin-right: 0 auto;
    text-align: right;
    height: 100%;
    background-color: red;
}


#menu {
    position: relative;
    width: 100%;
    margin: 20px auto;
    background-color: blue;
}


#menu ul {
    position: abolsute;
    margin: 0 auto;
    list-style: none;

}


#menu ul li {
    float: left;
    margin: 0 0 0 20px;
}


.#footer {
    clear:both;
    overflow:hidden;
    text-align: center;
    font-size:16px;
    line-height:1.3;
} 


.circle {border-radius: 50%;
width: 200px;
height: 200px;
}

Alles anzeigen

Und hier ein Bild damit ihr euch vorstellen könnt wie es aussehen soll

Danke für eure Hilfe

Beiträge von naidhir

Homepageproblem

Homepageproblem

Homepageproblem