Ergebnis 1 bis 4 von 4

Thema: Probleme mit css aufteilung

  1. #1
    HTML Newbie
    Registriert seit
    20.12.2005
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Probleme mit css aufteilung

    Hallo,

    ich versuche über css eine ganz normals layout hinzubekomen:

    header: höhe 60px
    _________________________________
    links:160px|inhalt:variabel|rechts:160px
    _________________________________
    footer

    leider gelingt mir das nicht. auf der suche im internet habe ich verdammt viele beispiele gefunden...aber keins funktioniert richtig. irgendwo sind immer kleine fehler drin. hauptsächlich das die rechte spalte den inhalt oder den footer bei verkleinerung überschreibt. oder auch das der text aus dem inhalt nicht korrekt abgeschnitten wird. desweiteren werden oftmals elemente wie wild untereinander verschachtelt.

    das von mir gewünschte layout ist doch nichts außergeöhnliches und es muss doch eine einfache lösung dafür geben?!

    ich hoffe jemand hat einen tipp für mich.

    gruß thorsten
    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
    Interessierte/r
    Registriert seit
    04.12.2005
    Beiträge
    133
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    moin ...

    Zitat Zitat von eclere
    ch versuche über css eine ganz normals layout hinzubekomen:
    Welches natürlich in Verbindung mit html verwirklicht werden soll !?!

    Einfache Variante wäre eine Tabelle zu nutzen, was bei einigen ale nicht "die reine Lehre" verschrien ist.
    Semantisch attraktiver wäre ein Lösungsweg ohne Tabelle, was aber ein wenig mehr Kenntnisse in css erfordert.

    Lies Dir zum Beispiel mal den Artikel "CSS-basierte Layouts" auf den selfhtml Seiten durch.
    Beachte das die Browser Deine Bemühungen gerne unterschiedlich darstellen möchten. Also überprüfe in mehreren Browsern und nutze gegebenfalls Browserhacks.

    gruß

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    20.12.2005
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hallo topfblume,

    ich habs fast geschafft, vielleicht weißt du ja wo das problem liegt.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Testseite</title>
    
    <style type="text/css">
      body&#123;
        color&#58; black;
        margin&#58; 0; 
    	padding&#58; 5px;
        min-width&#58; 400px
      &#125;
      
      div#header&#123;
      	height&#58;60px;
    	margin-bottom&#58; 10px;
    	border&#58; 1px solid blue;
      &#125;
      
      div#content_container
      &#123;
      	width&#58;100%;
      &#125;
    
      div#left &#123;
        float&#58; left; 
    	width&#58; 160px;
        margin&#58; 0; 
    	padding&#58; 0;
        border&#58; 1px solid blue;
      &#125;
    
      div#right &#123;
        float&#58; right; 
    	width&#58; 160px;
        border&#58; 1px solid blue;
      &#125;
    
      div#content &#123;
        margin&#58; 0 170px 0 170px;
        border&#58; 1px solid blue;
      &#125;
      
      div#footer&#123;
      	position&#58;static;
      	width&#58;100%;
      	height&#58; 20px;
    	border&#58; 1px solid blue;
    	margin-top&#58;10px;
      &#125;
    	
    
    </style>
    </head>
    
    <body>
    <div id="header">Header</div>
    
    <div id="content_container">
    
    	<div id="left">Links
    Links</div>
    
    	<div id="right">Rechts
    Rechts</div>
    
    	<div id="content">Inhalt</div>
    
    </div>
    
    <div id="footer">Footer</div>
    </body>
    </html>
    im IE stimmt es, aber im firefox nicht. bei anderen browsern wärs mir ziemlich egal

    hast du einen tipp?

    gruß thorsten

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    20.12.2005
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich habe es hinbekommen.

    wenns einen interessiert:

    #content_container kann weg.

    im bereich #footer muss noch folgendes dazu:

    Code:
    clear&#58;both;
    /*
    margin-top&#58;10px;
    */
    so sieht es im IE und Firefox gleich aus.

    ACHTUNG: bei anderen browsern weiß ich es nicht!!!

    gruß thorsten

Ähnliche Themen

  1. Forum-Aufteilung
    Von rwo-tony im Forum Forum-Hilfe.de intern
    Antworten: 24
    Letzter Beitrag: 17.04.2007, 10:49
  2. Aufteilung meiner Website
    Von Tikonteroga im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.12.2006, 14:51
  3. Bestimmte Aufteilung gewünscht...
    Von Amayu im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 12.12.2005, 19:32
  4. frage zu tabellenfarben -> aufteilung
    Von pat im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 09.04.2005, 20:38
  5. Hintergrund aufteilung & layout
    Von CroU im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.04.2004, 23:00

Stichworte

Berechtigungen

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