tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
282
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 10.05.11 15:36 #1
    Necroion Necroion ist offline Grünschnabel
    Registriert seit
    Aug 2009
    Beiträge
    2
    Hi Ich habe folgendes Problem:
    ich möchte gern per Divs einen Header über die ganze breite, darunter eine navigation daneben einen content daneben einen weiteren content und danach einen footer über die ganze breiter, irgendwie schaffe ich es nicht die Navigation, Content1 und Content2 nebeneinander zu stellen.
    Habt ihr mir einen Tipp was ich falsch mache?

    Danke für die Hilfe

    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

    #header_contain {
    position:fixed;
    top:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:3em;
    z-index:3;
}
 
 
 
#footer_contain {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:2em;
    z-index:3;
}
 
#footer {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:3;
}
 
#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%;
    z-index:3;
    margin:0;
    padding:0.2em;
}
 
 
#links {
width: 12em;
float: left;
}
 
#mitte {
margin-left: 12em;
margin-right: 12em;
}
 
#rechts {
width: 12em;
float: right;
}

    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

    <div id="header_contain">
                <div id="header">
                <?php include 'frame_head.php'; ?>
                </div>
            </div>
            
            <div id="left">
                <?php include 'frame_nav.php'; ?>
            </div>
            
            <div id="mitte">
                 <?php include 'main.php'; ?>
            </div>
            
            <div id="rechts">
                <?php include 'frame_right.php'; ?>
            </div>
            <div style="clear:both"></div>
                
            <div id="footer_contain">
                <div id="footer">
                <?php include 'frame_bottom.php'; ?>
                </div>
            </div>
     
    Zitieren Zitieren
  2. 10.05.11 20:46 #2
    threadi threadi ist offline Mitglied Brokat
    Registriert seit
    Dec 2006
    Ort
    Leipzig
    Beiträge
    478
    Verzichte auf absolute Positionierung und verwende float um Blockelemente nebeneinander zu positionieren.
     
    Zitieren Zitieren
« Webspell Änderung | Bild statt Radiobutton »