1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

<div>-Container auf komplette Breite

Discussion in 'Web-Know-how für die Homepage' started by newb@modding, Mar 1, 2007.

Thread Status:
Not open for further replies.
  1. newb@modding

    newb@modding Kbyte

    Hallo zusammen,

    folgendes Problem:
    Beim Aufbau meiner Page will ich CSS anstatt Frames oder Tabellen fürs Layout nehmen.
    Den zentrale <div>-Container, der den Hauptinhalt der Seite anzeigen soll, bekomm ich nicht auf komplette Seitenbreite. Damit die Sache mit verschiedenen Auflösungen kompatibel bleibt, soll die Breitenangabe relativ sein. Aber mit width: 100%; gehts nicht.

    Hier mal die CSS:
    Code:
    /* Hover-Linkleiste */
    #lnk  {
    	border: none;
    	width: 160px;
    	margin-top: 100px;
    	margin-left: 15px;
    	float: left;
    }
    
    #lnk ul ,#lnk li{
    	list-style: none;
            margin: 0px;
            padding: 8px;
    }
    
    #lnk li a:link , #lnk li a:visited , #lnk li a:active {
    	display: block;
    	height: 26px;
    	line-height: 26px;
    	background-color: #8eb2d3;
    	border-bottom: solid 2px #000000;
    	border-left: solid 1px #808080;
    	border-right: solid 2px #000000;
            color: #FFFFFF;
            text-decoration: none;
    
    	font-size: 14pt;
            font-family: Bauhaus Md BT,Arial;
    	font-weight: normal;
    	padding-left: 10px;
            padding-bottom: 0px;
            margin: 0px;     
    	letter-spacing: 200%;  
    }
    
    #lnk li a:hover {
    	background-color: #FFFFFF;
            color: #374993;
    }
    
    
    /* Header, in den später noch ein Bild eingefügt wird */
    #head {
    	position: fixed;
    	top: 0px;
    	left: 100px;
    	background-color: #8eb2d3;
    	display: block;
    	width: 100%;
    	height: 80px;
    	margin: 0px;
    	padding: 0px;
    }
    
    /* Hintergrundgrafik setzen */
    body {
    	background-image: url(gfx/HP/bg_links.gif); 
    	background-repeat: repeat-y;
    	margin-top: 0px;
    	margin-left: 0px;
    	position: fixed;
    	top: 0px;
    	left: 0px;
    	width: 100px;
    	height: 100%;
    }
    
    /* Container für die Inhalte erzeugen */
    #ct {
    	position: absolute;
    	top: 100px; 
    	left: 220px;
    	width: 100%;
    	text-align: justify;
    
    	font-family: Verdana,Arial;
    	font: 12pt #000000;	
    }
    
    Und hier der Link.


    Weiß jemand Rat? :bet:


    :EDIT: Hätte erwähnen sollen, das der Container links davon eine absolute Breite haben soll.
    :EDIT2: Hab gerade festgestellt, dass ich ja auch nicht scrollen kann und damit der Text nicht komplett dargestellt wird.
     
  2. Hallo,
    lasse mal das width:100% in #ct weg
    außerdem im body rausnehmen:
    position: fixed;
    width: 100px;
    height: 100%;

    Dann müsste es klappen.
     
  3. newb@modding

    newb@modding Kbyte

    Ja klar, damit hab ich ja den Body auf 100px eingeschränkt, dabei sollte das nur für das BG-Bild gelten. Ich Schussel! :jump:

    Danke, jetzt klappts!
     
Thread Status:
Not open for further replies.

Share This Page