tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
4132
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 26.07.05 15:20 #1
    Avatar von Neral
    Neral Neral ist offline Mitglied Silber
    Registriert seit
    Apr 2004
    Beiträge
    50
    Hi,

    ich versuche mich an einem CSS-Layout. Nur würde ich gerne 3 Spalten nebeneinander machen. Klappt aber nicht so ganz wie ihr sehen könnt.

    Kann mir jemand vieleicht helfen?
    Ist der CSS-Code soweit ok oder kann man da noch irgendwas dran verbessern?

    Gruß

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
 
 
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        
        <title>test</title>
        <link href="css.css" rel="stylesheet" type="text/css" media="all" />
        <style type="text/css" media="screen"><!--
#body{
    margin: 0;
    padding: 0;
    font: 85% arial, hevetica, sans-serif;
    text-align: center;
    color: #505367;
    background-color: #D6D6D6;
}
 
#container{
    margin: 1em auto;
    width: 980px;
    height: 800px;
    text-align: left;
    background-color: red;
    border: 1px solid black;
}
 
#top{
    height: 135px;
    margin: auto;
    background-color: fuchsia;
    
}
 
#gretBox{
    height: 25px;
    background-color: green;
}
 
#mainCon{
    
    width: 980px;
    height: 100%;
    text-align: left;
    background-color: black;
    border: 1px solid black;
}
#leftCon{
    float: left;
    width: 160px;
    height: 100%;   
    background-color: yellow;
}
 
#midCon{
 
    width: 630px;
    height: 100%;
    background-color: aqua;
}
#rightCon{
    float: right;
    width: 180px;
    height: 100%;
    background-color: yellow;
}
 
 
--></style>
    
</head>
 
    <body>
        
        <div id="container">
            <div id="top"></div>
            <div id="gretBox"></div>
                <div id="mainCon">
                    <div id="leftCon"></div>
                    <div id="midCon"></div>
                    <div id="rightCon"></div>           
                </div>  
        </div>
        
    </body>
 
</html>

    ---edit---
    Wenn ich mit background-image:url(pics/logo.jpg) ein Bild in den Header(top) einfügen will wird dies nicht angezeigt :\
    Geändert von Neral (26.07.05 um 16:04 Uhr)
     
  2. 26.07.05 16:25 #2
    Avatar von Dr Dau
    Dr Dau Dr Dau ist offline ich wisch hier durch
    Registriert seit
    Feb 2005
    Ort
    hinterm Mond gleich Links
    Beiträge
    6.160
    Blog-Einträge
    4
    Hallo!

    So etwa?
    HTML-Code:
    #top{
height: 135px;
margin: auto;
background-color: fuchsia;
background-image: url(pics/logo.jpg);
background-repeat: no-repeat;
background-position: center;
}
 
 
#midCon{
float: left;
margin-left: 4px;
width: 630px;
height: 100%;
background-color: aqua;
}
    Gruss Dr Dau
     
    Schri-Schra-Schrödi *g*
    mehrspaltiges/zeiliges Seitenlayout mit DIV's und CSS
    Dinge, die mit Tabellen besser klappen als mit CSS
    Ausgabe von Datum/Zeit unabhängig von der Server Zeitzone [php]
    Meine Links zum Thema Linux (Last update: 29.10.2011)
    Kein Busen ist so flach wie das Niveau dieser Party!
    ----
    Alte Weisheit: wer uns in den Arsch kriecht wird beschissen!
    ----
    Ich habe 3 Kinder und kein Geld!
    Warum kann ich nicht keine Kinder haben und 3 Geld?! (Homer Jay Simpson)
« bmp-datei in cur-datei konvertieren? | mehrere hyperlink-styles »

Ähnliche Themen

  1. 3-Spalten-Layout unter 2-Spalten-Layout setzen
    Von cocoon im Forum CSS
    Antworten: 9
    Letzter Beitrag: 03.07.09, 12:31
  2. 3-Spalten-Layout mit 2-Spalten ContentArea
    Von WebGeek im Forum CSS
    Antworten: 3
    Letzter Beitrag: 07.05.07, 06:13
  3. Drei-Spalten-Layout mit CSS
    Von Metha im Forum CSS
    Antworten: 6
    Letzter Beitrag: 22.06.06, 06:41
  4. Banner + drei Spalten, alles zentriert, in firefox und ie unterschiedlich
    Von Warhamster im Forum CSS
    Antworten: 6
    Letzter Beitrag: 22.10.05, 14:34
  5. Layout mit drei längenvariablen Div's
    Von Atmosphinx im Forum CSS
    Antworten: 2
    Letzter Beitrag: 01.03.05, 15:14