Ergebnis 1 bis 4 von 4

Thema: [Noob Alert] Problem mit dem Layout

  1. #1
    Registriert seit
    24.03.2014
    Alter
    26
    Beiträge
    5

    Standard [Noob Alert] Problem mit dem Layout

    Hallo Zusammen

    Ich habe kürzlich damit begonnen eine Webseite zu bauen.

    Nun habe ich ein kleines Problem:

    Wenn ich das Element "Allgemeine Informationen" mit width begrenze, dann rutscht es mit immer unter den Nav-Bereich.
    Ich möchte die Informationen Rechts vom Nav-Bereich haben.

    Ich steh gerade etwas auf dem Schaluch.

    Hier die Html-Datei:

    <!Doctype html>

    <html>
    <head>
    <title> Name </title>
    <link href="style.css" type="text/css" rel="stylesheet">
    </head>

    <body>
    <header>
    <p><img id="mann" src="http://ebuddies.de/wp-content/uploads/2014/04/Platzhalter.jpg" width="185px" alt= "Mathias Hiltbrunner">
    <img id="Logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Hello_my_name_is_sticker.svg/1280px-Hello_my_name_is_sticker.svg.png" alt="Logo Mathias Hiltbrunner"> </p>
    </header>
    <div>
    <nav id="nav_main">
    <ul>
    <li> <a href= "Boxen.html" title="Boxen"> Boxen </a>
    <li> <a href= "Musik.html" title="Musik"> Musik</a>
    <li> <a href= "Gamen.html" title="Gamen"> Gamen </a>
    </ul>
    </nav>
    <section>

    <p id="title1">Allgemeine Infos</p>


    </section>
    </div>


    </body>
    </html>
    CSS:
    /* CssReset */
    *{
    margin: 0px;
    padding:0px;
    }

    header {background-color: #1A1A1A;
    }

    body { background-color: #1A1A1A;
    }

    #mann {
    width: 185px;

    }

    #Logo { float: right;
    width: 185px;
    margin-top: 140px;
    transform:rotate(20deg);

    }


    #title1 { background-color: #99FFFF;
    float: right-side;
    left: 120px;
    width: 185px;
    }
    #nav_main { background-color: #99FFFF;
    border-radius: 3px;
    float: left;
    Position: relative;
    font-size: 13px;
    font-style: Arial;
    padding-bottom: 500px;
    width: 190px;
    margin-rig: 150px;
    }


    }
    Danke für Eure Hilfe

  2. #2
    Registriert seit
    13.01.2004
    Ort
    Swizzerland
    Alter
    39
    Beiträge
    4.739

    Standard AW: [Noob Alert] Problem mit dem Layout

    Ich bin nicht der HTML-Sepzialist, aber wieso machst Du das nicht mit einer Tabelle?

    Was mir übrigens immer wieder hilft: The W3C Markup Validation Service

  3. #3
    Registriert seit
    24.03.2014
    Alter
    26
    Beiträge
    5

    Standard AW: [Noob Alert] Problem mit dem Layout

    Hey Swizz

    Danke für die Seite, die ist echt praktisch.

    Hab denn Fehler gefunden, ich hatte ein Float falsch gesetzt.

    Danke für deine Hilfe.

    Lg Myru

  4. #4
    Registriert seit
    13.01.2004
    Ort
    Swizzerland
    Alter
    39
    Beiträge
    4.739

    Standard AW: [Noob Alert] Problem mit dem Layout

    Immer gerne

Ähnliche Themen

  1. Probleme mit dem Layout im Firefox
    Von remix im Forum iB News und Feedback
    Antworten: 2
    Letzter Beitrag: 01.03.2013, 21:51
  2. TI89 Problem mit dem CellSheet Converter!
    Von alexalfeld im Forum Software: Windows, Apple, Linux...
    Antworten: 4
    Letzter Beitrag: 18.12.2006, 23:07
  3. Problem mit dem Taskmanager
    Von Hellracer im Forum Software: Windows, Apple, Linux...
    Antworten: 9
    Letzter Beitrag: 02.08.2005, 12:06
  4. Problem mit dem Internetzugang
    Von Blackstar im Forum Hardware (auch Smartphones, Tablets, Netzwerk und Wireless)
    Antworten: 9
    Letzter Beitrag: 22.05.2005, 19:30
  5. Problem mit dem GRUB
    Von KuGoZeD im Forum Software: Windows, Apple, Linux...
    Antworten: 5
    Letzter Beitrag: 28.02.2005, 20:11

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •