mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 14:46 Benutzername: Passwort: Auto-Login

Thema: [CSS] Seitenaufbau mit DIVs vom 03.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Seitenaufbau mit DIVs
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

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

Gruss,
der-Ich
  View user's profile Private Nachricht senden
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Fr 03.08.2007 16:40
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
der-Ich
Threadersteller

Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 03.08.2007 16:55
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
deeesi

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Fr 03.08.2007 16:56
Titel

Antworten mit Zitat Zum Seitenanfang

dann gehts mit floats
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Fr 03.08.2007 17:08
Titel

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</div>
    <div class="rechts">
        <div class="div2">&nbsp;</div>
        <div class="div3">&nbsp;</div>
        <div class="div4">&nbsp;</div>
        <div class="div5">&nbsp;</div>
        <div class="div6">&nbsp;</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?! * Keine Ahnung... * 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
  View user's profile Private Nachricht senden
der-Ich
Threadersteller

Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 03.08.2007 17:40
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank!

Ist ja gar nicht so schwer Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen Seitenaufbau mit CSS und DIVs?
seitenaufbau beschleunigen
allgemeine Frage zum Seitenaufbau
Frage zu Seitenaufbau und Navigation in CSS
Html - Seitenaufbau mit CSS aber mit MENUE HiGHLiGHT
Website mit divs und css
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.