mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 11:42 Benutzername: Passwort: Auto-Login

Thema: CSS Layout Problem 3 Spalten ich verzweifel (Tabbellenmensch vom 28.02.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Layout Problem 3 Spalten ich verzweifel (Tabbellenmensch
Autor Nachricht
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 28.02.2007 11:43
Titel

CSS Layout Problem 3 Spalten ich verzweifel (Tabbellenmensch

Antworten mit Zitat Zum Seitenanfang

Liebe CSS Götter da drausen!!! BITTE HELFEN ich verzweifel (Probezeit usw ..)
Muss ein Layout in CSS Basteln drei Spalten

oben links und recht platz für logo usw
mitte platz für bild/überschrift
drunter
linke spalte und erchte spalte menü
mitte platz für content

ich habe eine vorlage zum umbauen: scheitere aber immer wieder

zudem soll das ding in zwei versionen sein

einmal alles zentriert (wie in vorlage)
zweitens rechte und linke spalte am rechten bzw linken bildschirmrand .... mitte variabel ...

BITTE HELFEN ist für mich superwichtig

daten hab ich unter www.axelditter.de/cssproblem.zip hinterlegt (CSS/HTML/und PDF skizze so wie ichs haben will)

ich muss eigentlich "nur" den oberen linken bereich auf die gleiche höhe 200 px bringen , aber dann verschiuebt sich der obere rechte ????????????????

---- kann mir denn keiner helfen?
also ich will doch eigentlich nur den hier in der höhe verändern: also anstatt 317px will ich 200, damit dieser gleich hoch ist wie die anderen beiden oben .....

Code:
#hauptnavi {
   position: relative;
   top:0px;
   left:0px;
   width: 220px;
   height: 317px;
   background-repeat: no-repeat;
   background-color: #FF99CC;

}

wenn ich das aber tue rutschen die zwei oberen auch weg ......
so solls aussehen



Zuletzt bearbeitet von am Mi 28.02.2007 15:05, insgesamt 2-mal bearbeitet
 
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.02.2007 15:51
Titel

Antworten mit Zitat Zum Seitenanfang

Macht dann 5.434 Euro. Bitte nur Barzahlung.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/1999/PR-xhtml1-19991210/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
   HTML, BODY {
      height:100%;
   }
   BODY {
      margin:0;
      padding:0;
      text-align:center;
   }
   DIV#container {
      position:relative;
      margin:0 auto;
      height:100%;
      width:800px;
   }
   DIV#col1, DIV#col2, DIV#col3 {
      position:relative;
      min-height:100%;
      float:left;
      width:200px;
   }
   DIV#col1 {
      background:black;
   }
   DIV#col2 {
      background:red;
      width:400px;
   }
   DIV#col3 {
      background:purple;
   }
   
   DIV#sub1 {
      position:relative;
      background:cyan;
      height:200px;
   }
   DIV#sub21 {
      position:relative;
      background:yellow;
      height:130px;
   }
   DIV#sub22 {
      position:relative;
      background:green;
      height:70px;
   }
   DIV#sub3 {
      position:relative;
      background:magenta;
      height:200px;
   }
</style>
<!--[if lte IE 6]>
   <style type="text/css">
   DIV#col1, DIV#col2, DIV#col3 {
      height:100%;
   }
   </style>
<![endif]-->
</head>

<body>
<div id="container">
   <div id="col1">
      <div id="sub1">
      1-1
      </div>
      content 1
   </div>
   <div id="col2">
      <div id="sub21">
      2-1
      </div>
      <div id="sub22">
      2-2
      </div>
      content 2
   </div>
   <div id="col3">
      <div id="sub3">
      3-1
      </div>
      content 3
   </div>
</div>
</body>
</html>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 28.02.2007 15:58
Titel

Antworten mit Zitat Zum Seitenanfang

viiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiielen DANK!

danke, danke, danke!
due Rettung!

Wenn du mal in BaWü bist ---> Bier ghet klar !!! 5900 euro hab ich leider grad net ....
 
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.02.2007 21:19
Titel

Antworten mit Zitat Zum Seitenanfang

Joa bittschön. Ein Bier ist auch ok * Mmmh, lecker... *
  View user's profile Private Nachricht senden
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Do 01.03.2007 14:56
Titel

Nachschlag

Antworten mit Zitat Zum Seitenanfang

vielen Dank für die >Hilfe nochmals!!!

könntest du mir noch eine version mit nem "footer" untendrann geben??? büddee ..... Lächel

Bier geht sowieso klar!
 
 
Ähnliche Themen [css] 3 spalten layout problem
problem mit 3 spalten css-layout
[CSS] Problem mit 3-Spalten Layout
Zwei Spalten Layout. Linke Seite fix
[CSS] 3-spalten layout - aber anders als sonst!
css 3 spalten layout mit fester mitte - bitte um hilfe!
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.