Ergebnis 1 bis 5 von 5

Thema: Content nicht mittig

  1. #1
    HTML Newbie
    Registriert seit
    15.07.2014
    Beiträge
    3
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard Content nicht mittig

    Hallo zusammen,
    ich möchte eine dreispaltige Website erstellen. Das Problem dabei ist das mein Contert-Div nicht zwischen den gefloateten Seiten erscheint. Hier mien Code:
    HTML-Code:
    *{
    margin:0;
    padding:0;
    }
    
    html, body{
    width: 100%;
    height: 100%;
    }
    
    #header{
    height: 75px;
    padding: 0;
        
    }
    #icon{
    float:left;
    margin:5px;
    margin-right: 15px;
    } 
    
    #title{
    font-family:Arial;
    font-size:45px;
    padding-top:10px;
    }
    
    #menu{
    clear:both;
    float:left;
    margin:10px;
    width:100px;
    
    }
    
    .entry{
    list-style: none;
    
    }
    
    #content{
    float:left;
    margin:10px;
    display:inline;
    
    }
    
    #info{
    float:right;
    margin:10px;
    width:100px;
    }
    
    #footer{
    clear:both;
    margin:10px;
    }
    HTML-Code:
    <!DOCTYPE html> 
    <html>
        <head>
            <title>Projektname</title>
            
            <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
            <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
            
            <!-- <script src="js/background.js"></script> -->
            
            <link href="css/layout.css" type="text/css" rel="stylesheet">
            
            <link href="css/theme_probotions.css" type="text/css" rel="stylesheet">
            <!-- <link href="css/theme_dark.css" type="text/css" rel="stylesheet"> -->
            
        
        </head>
        
        <body>
            <div id="wrapper">
                <div id="header">
                  <div id="icon"><img  src="images/json.svg" width="65" height="65"/></div>
                  <div id="title">Projektname</div>            
                </div>
                
                
                <div id="menu">
                  <ul id="list">
                     <li class="entry">1.Eintrag</li>
                     <li class="entry">2.Eintrag</li>
                  </ul>            
                </div>        
    
                <div id="content">
                
                <p>TExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt Text</p>
                </div>
                
                
                <div id="info">
                Rechts
                
                
                </div>
                
    
                <div id="footer">
                Fusszeile
                
                
                </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
    Bandit
    Gast

    Standard AW: Content nicht mittig


  3. Folgende User finden die Antwort von Bandit gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    15.07.2014
    Beiträge
    3
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Content nicht mittig

    Danke. Aber ich habe die seite nach so einem beispiel gebaut. Aber ich will keine feste breite des contents. Also links fest content der rrst und rechts fest

  5. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    565
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Content nicht mittig

    Hallo

    bisherige Möglichkeiten benötigen für alle Container die selbe Einheit, also alle mit Prozent oder alle mit Pixel.

    Unter HTML5 und CSS3 wurde für genau solche Wünsche das Flexbox-Modell eingeführt. Hier mal ein Beispiel, allerdings ohne deine Divitis:

    http://foreninfo.bplaced.net/seiten_...02_layout.html

    Gruss

    MrMurphy

  6. Folgende User finden die Antwort von MrMurphy gut:


  7. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    15.07.2014
    Beiträge
    3
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Content nicht mittig

    Vielen Dank für das Beispiel. Es hat mir sehr geholfen.

Ähnliche Themen

  1. swfobject mittig klappt nicht
    Von naggison im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 29.08.2010, 20:22
  2. Tiltviewer - lässt sich nicht mittig ausrichten.
    Von cadoham im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.09.2009, 19:02
  3. Hilfe Bild will nicht mittig (zentrieren)
    Von jakle im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 20.07.2009, 20:34
  4. Antworten: 6
    Letzter Beitrag: 05.10.2007, 04:18

Stichworte

Berechtigungen

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