| Autor |
Nachricht |
der-Ich
Threadersteller
Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 03.08.2007 16:34
Titel [CSS] Seitenaufbau mit DIVs |
  |
|
Hallo,
ich habe schon einiges versucht aber es will mir nicht gelingen folgendes DIV-Gerüst aufzubauen:
Funktioniert das ganze ohne "position"?
Geht das auch nur mit den floats?
Bin dankbar für jede Art von Hilfe.
Wenn jemand die Zeit und Lust hat wäre ich auch für n bisschen Code super-dankbar 
Gruss,
der-Ich
|
|
| |
  |
 |
| |
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 28
Geschlecht: 
|
Verfasst Fr 03.08.2007 16:40
Titel
|
|
|
hastu in der breite nen festen wert oder soll das browserfenster herhalten?
Sprich alle feste breite oder nur 1 und 6 fest?
Zuletzt bearbeitet von fuchsbau am Fr 03.08.2007 16:41, insgesamt 2-mal bearbeitet
|
|
| |
|
|
der-Ich
Threadersteller
Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 03.08.2007 16:55
Titel
|
|
|
Achso, hatte ich vergessen zu schreiben...
Das ganze soll im Container-DIV liegen und ist in der Mitte der Seite (sprich zentriert).
1: Breite von ~250px
6: Breite von ~ 180px
Insgesamte Breite (also z.B.: 1+2) wird ca. 900px sein.
|
|
| |
|
|
deeesi
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 30
Geschlecht: 
|
Verfasst Fr 03.08.2007 16:56
Titel
|
|
|
|
dann gehts mit floats
|
|
| |
 |
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 28
Geschlecht:
|
Verfasst Fr 03.08.2007 17:08
Titel
|
|
|
xhtml
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3c.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>bla</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="gesamt">
<div class="div1"> </div>
<div class="rechts">
<div class="div2"> </div>
<div class="div3"> </div>
<div class="div4"> </div>
<div class="div5"> </div>
<div class="div6"> </div>
</div>
</div>
</body>
</html> |
css
| Code: | body, html {
height: 100%;
margin: 0;
padding: 0;
}
.gesamt {
width: 900px;
height: 100%;
margin: 0 auto 0 auto;
}
.div1 {
width: 250px;
float: left;
height: 100%;
padding: 0;
margin: 0;
background-color: #aa0000;
}
.rechts {
width: 650px;
float: right;
padding: 0;
margin: 0;
background-color: #cc0000;
}
.div2 {
width: 650px;
height: 50px;
padding: 0;
margin: 0;
background-color: #ff0000;
}
.div3 {
width: 650px;
height: 70px;
padding: 0;
margin: 0;
background-color: #00aa00;
}
.div4 {
width: 650px;
height: 50px;
padding: 0;
margin: 0;
background-color: #00cc00;
}
.div5 {
width: 470px;
float: left;
padding: 0;
margin: 0;
background-color: #0000aa;
}
.div6 {
width: 180px;
float: right;
padding: 0;
margin: 0;
background-color: #0000dd;
} |
ja so grob, nich?!  floats könntest noch clearen. wennde feste breiten hast is das doch alles kein ding, oder?! und ansonsten sicher auch nicht wirklich.
Zuletzt bearbeitet von fuchsbau am Fr 03.08.2007 17:16, insgesamt 5-mal bearbeitet
|
|
| |
|
|
der-Ich
Threadersteller
Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 03.08.2007 17:40
Titel
|
|
|
Vielen Dank!
Ist ja gar nicht so schwer 
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Seitenaufbau mit CSS und DIVs?
Frage zu Seitenaufbau und Navigation in CSS
Html - Seitenaufbau mit CSS aber mit MENUE HiGHLiGHT
[CSS] - divs sollen überlappen - machen se aber nicht
[CSS] Positionierung eines DIVs
Website mit divs und css
|
|
Willkommen auf dem Portal für Mediengestalter
