• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div Box'en modell

Status
Für weitere Antworten geschlossen.

Schnuff

Neues Mitglied
Hallo, ich habe mich gerade durch CSS einigermaßen durchgeacktert, weil ich Ausprobieren wollte, meine Seite auf Div-basierung umzubauen. jetzt habe ich aber eine frage, in meiner Website kommen immerwieder "Container" vor, könnte man soetwas mit einem Einzigen Div umsetzen, oder muss ich Dafür eine Tabellen konstruktion schreiben?

falls die frage nicht ganz klar ist, möge man sich meine seite angucken schnuff.eu (Der Quelltext ist etwas unübersichtlich, da ich hardcore Php'e)

Edit: Bitte nicht über den "Schne..." ärgern, wollte ich sowiso mit ausbauen *grins*
 
Meine Variante als dein Design:
-Ein positioniertes Div
-4 weitere Container

Etwa so:
HTML:
<head>
<style type="text/css">
body {
margin:0px;
background:#ffffff;
color:#000000;
font-size:12px;
font-family:Verdana,Arial;
text-align:center;
}

div {
margin-left:auto;
margin-right:auto;
}

#all {
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
}

#top {
text-align:left;
width:600px;
height:150px;
border:0px;
}

#menu {
float:left;
text-align:left;
width:200px;
height:300px;
border:0px;
}

#inhalt {
float:left;
text-align:left;
 width:400px;
 height:300px;
 border:0px;
 }
</style>
</head>

<body>
<div id="all">
 <div id="top"><img src="logo.gif" /></div>
 <div id="menu">Menü</div>
 <div id="inhalt">Inhalt</div>
</div>
</body>
Fertig!
Kannst den Code mal durchschauen.
Keine Garantie auf Fehler, da ich das aus dem Kopf schnell geschrieben habe!

Ist simpel und einfach.
Du kannst bei Menü und Inhalt deine PHP Code's einfügen, voilà!

Da kann man natürlich tausende Sachen ergänzen.


MfG, matibaski
 
so eine antwort hatte ich befürchtet... ich bin halt nicht gut im umschreiben....
mir geht es vorallem darum, das ich die bilder haben möchte:
Bild Oben Links__-_Bild Oben Mitte_-_Bild Oben Rechts
Bild Middle Links_-_Color__________-_Bild Middle Rechts
Bild Unten Links_-_Bild Unten Mitte_-_Bild Unten Rechts

Falls es immernoch undeutlich ist, guck dir mal die Blauen Boxen auf meiner seite an
(und was ich jetzt wissen wollte ist, ob ich dafür jetzt wieder für jeden abschnitt ein DIV brauche weil dann könnte ich die tabellen ja drinn behalten)


Edit: oder giebt es fllt die möglichkeit, über CSS, die Div's, die für die rahmen zustängig sind, zu "erstellen"?

hm, keiner weiß eine antwort?
dann bleibe ich bei dem tabellen design

ich habe mir mal vorgenommen, ein komplett neues design zu entwerfen, und dazu habe ich jetzt die frage:
wie kriege ich einen div container mittelig?
also einer, der direkt im body tag liegt...
wenn ich
Code:
body{
  text-align:center;
}
div.main{
  text-align:left;
}
mache, bleibt es trotzdem linksbündig...


Mod-Edit:
Dreifachpost zusammengeführt, OMFG
(Alti)
Edit: danke Alti :D
 
Zuletzt bearbeitet:
@gutschiguh: wie gesagt, ich mache jetzt ein neues design ;), auf was hätte ich denn warten sollen? CSS3?
@da-loki: ich möchte in der mitte positionieren, da giebt es aber keine möglichkeit, das div zu mitteln:wink:
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben