tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
251
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 19.02.09 20:14 #1
    1989moni1989 1989moni1989 ist offline Mitglied Silber
    Registriert seit
    Nov 2007
    Beiträge
    56
    Hallo!
    Kann ich Divs, die ich mit float:left nebeneinander positioniert habe zentrieren, sodass sie beide in der mitte der seite stehen?
    ich komm nicht drauf. außerdem will ich nicht, dass der div "sidebar" nach unten rutscht, wenn ich das Browserfenster kleiner mache. geht das?
    Glg Moni

    HTML-Code:
    <body>

<div id='header'>
    <img src='pics/logo_neu.jpg'>
</div>

<div id='nav'>
........
</div>

<div id='inhalt'>
........
</div>

<div id='sidebar'>
    <img src='pics/logo.jpg'>
</div>
</body>

    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

    #header {
    width: 980px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
 
#inhalt {
    margin-right: 30px;
    width : 900px;
    height : 250px;
    overflow : auto;
    float:left;
}
 
#nav {
   width:980px;
   margin-left:auto;
   margin-right:auto;
   background-color:#CCCCCC;
}
 
#sidebar {
    float:left;
}
    Geändert von 1989moni1989 (19.02.09 um 20:17 Uhr)
     
    Zitieren Zitieren
  2. 19.02.09 20:19 #2
    Maik Tutorials.de Gastzugang
    Hi,

    erweiter das Markup um einen weiteren DIV-Block, der den Bestand in sich aufnimmt:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

    <body>
[b]<div id="wrapper">[/b]
    <div id='header'>
        <img src='pics/logo_pennerstorfer.jpg'>
    </div>
 
    <div id='nav'>
    ........
    </div>
 
    <div id='inhalt'>
    ........
    </div>
 
    <div id='sidebar'>
        <img src='pics/logo.jpg'>
    </div>
[b]</div><!-- / #wrapper -->[/b]
</body>
    Das dazugehörige Stylesheet lautet nun:

    Code css:
    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

    #wrapper {
    width: 980px;
    margin-left:auto;
    margin-right:auto;
}
 
#header {
    text-align:center;
}
 
#nav {
   background-color:#CCCCCC;
}
 
#inhalt {
    margin-right: 30px;
    width : 900px;
    height : 250px;
    overflow : auto;
    float:left;
}
 
#sidebar {
    float:left;
}


    mfg Maik
     
    Zitieren Zitieren
« Transparentes PNG - sichtbar? | [FF] Overflow: visible - Übergeordnete Element vergrößern »

Ähnliche Themen

  1. Liste (Menü) innerhalb eines DIVs zentrieren
    Von deluxeondecks im Forum CSS
    Antworten: 3
    Letzter Beitrag: 24.12.10, 00:19
  2. Float:left zentrieren?
    Von Vespillo im Forum CSS
    Antworten: 12
    Letzter Beitrag: 18.10.08, 00:51
  3. flot left; float right; Darstellungsfehler im IE
    Von schultze im Forum CSS
    Antworten: 1
    Letzter Beitrag: 23.09.07, 20:18
  4. Divs vertikal zentrieren?
    Von Sk3l3tor im Forum CSS
    Antworten: 4
    Letzter Beitrag: 24.01.06, 16:32
  5. 3 DIVs nebeneinander: immer(!) [left] [center] [right]...
    Von dshock im Forum CSS
    Antworten: 1
    Letzter Beitrag: 30.12.04, 09:42