Ergebnis 1 bis 2 von 2

Thema: CSS min position left ?

  1. #1
    Unregistriert
    Gast

    Standard CSS min position left ?

    Ich würde gerne wie auf dem Foto erkennbar, hier noch eine "Box" dazu machen. Allerdings ! wenn ich das Fenster kleiner mach, dann geht der Content logischer Weiße
    Über meine linke Box , gibt es dafür kein min-left-position: oder so ? :'D

    Mit freundlichen grüßen.

    http://s14.directupload.net/images/130525/wc9yl9u8.png


    Hier mal etwas code:

    <html>
    <head>
    <title>Meine Seite</title>

    <style>
    body
    {
    background-color: #888888;
    }

    #navi a
    {
    color: #000;
    text-decoration: none;
    }

    #navi a:hover
    {
    color: #f00;
    border-bottom: 2px solid #00bb00;
    }

    #inhalt a
    {
    color: #fff;
    text-decoration: none;
    }

    #inhalt a:hover
    {
    color: #000;
    border-bottom: 2px solid #0000FF;
    }

    #mainbox
    {
    border: 1px solid #000000;
    max-width: 800px;
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;

    }
    #header
    {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    #header:hover
    {
    color: #000;
    background-color: #fff;
    }
    #box
    {
    position: absolute;
    width: 250px;
    min-width: 250px;
    top: 5px;
    left: 5px;
    }
    #navi
    {
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    }
    #inhalt
    {
    background-color: #bbbbbb;
    border-bottom: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    }
    #inhalt img:hover
    {
    width: 130px;
    height: 90px;
    border: 2px solid #00FF00;
    }
    .Breite10
    {
    width: 10px;
    }
    #bildL
    {
    float: left;
    }
    #bildR
    {
    float: right;
    }
    #footer
    {
    color: #FF0000;
    background-color: #000000;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    }
    #floatclear
    {
    clear: both;
    }

    </style>
    </head>
    <body>
    <div id="mainbox">
    <div id="header">
    HEADER
    </div>
    <div id="box">
    Samayo
    </div>
    <div id="navi">
    <a href="index.php">Startseite</a>
    </div>
    <div id="inhalt">
    <?php
    $var = "Willkommen auf der Startseite";
    for ($zaehler = 0; $zaehler < 5; $zaehler ++)
    {
    echo $var;
    }

    ?>


    <br />
    <?php $var .= "und nocheinmal"; ?>
    Toll das du da bist und weil es so schön war schreib ich es nocheinmal.
    <?php echo $var; ?>
    </div>
    <div id="footer">
    FOOTER
    </div>
    </div>
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS min position left ?

    Du kannst ein margin-left für den Content (also #mainbox) definieren, der dann nicht überschritten wird.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. DIV Float:left funktioniert nicht
    Von 1234d1 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 29.07.2009, 11:51
  2. text left und right stellen(box)...
    Von rammstein im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.06.2009, 19:46
  3. Left 4 Dead neue Maps
    Von Unregistriert im Forum Das Forum für Spiele, Fun & Jokes
    Antworten: 2
    Letzter Beitrag: 08.01.2009, 21:39
  4. float: left macht Probleme im FF
    Von aladin im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 08.03.2008, 23:10
  5. LEFT JOIN
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 27.05.2007, 15:15

Stichworte

Berechtigungen

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