mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:12 Benutzername: Passwort: Auto-Login

Thema: 3-spaltig vom 20.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 3-spaltig
Autor Nachricht
Soneria
Threadersteller

Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht: Weiblich
Verfasst Di 20.01.2009 11:44
Titel

3-spaltig

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen,

Firefox zerreißt mir immr mein Layout. Ich wollte gerne, dass unten der main-Bereich dreispaltig wird, aber irgendwie mache ich etwas mit den floats verkehrt. Könnt ihr mir helfen?
In DW sieht alles gut aus, aber in firefox nicht.





Code:
<body>
   <div id="container">
      <div id="head"></div>   
       <div id="breadcrumb"></div>
        <div id="main">
        <div id="navigation"></div>
       <div id="content"></div>
       <div id="side"></div>
        </div>
   </div>
</body>


Code:
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #b8d191;
   font-size: 12px;
}
#container {
   margin: 0px auto;
   margin-top: 10px;
   width: 764px;
}
#head {
   height: 176px;
   background-color: #99CC66;
}
#breadcrumb {
   background-color: #999900;
   height: 36px;
}

#navigation {
   background-color: #FFFFFF;
   width: 170px;
   height: 200px;
   float: none;
}
#content {
   height: 200px;
   width: 404px;
   background-color: #FFFFFF;
   float: left;
   margin-left: 175px;
}

#side {
   background-color: #FFFFFF;
   width: 180px;
   height: 200px;
   float: right;
}


Danke schonmal

Soneria Lächel
  View user's profile Private Nachricht senden
deeesi

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Di 20.01.2009 12:02
Titel

Antworten mit Zitat Zum Seitenanfang

du musst die navigation auch floaten. wenn die nicht floatet, dann setzt der rest drunter an.

und der margin-left bei der mitte ist auch falsch
also ich würds so probiern:

Code:
#navigation {
   background-color: #FFFFFF;
   width: 170px;
   height: 200px;
   float: left;
}
#content {
   height: 200px;
   width: 404px;
   background-color: #FFFFFF;
   float: left;
   margin-left: 5px;
}


Zuletzt bearbeitet von deeesi am Di 20.01.2009 12:05, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Soneria
Threadersteller

Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht: Weiblich
Verfasst Di 20.01.2009 12:06
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo deeesi,

ich danke Dir, wie du gesagt hast, habe ich der navigation float: left gegeben und bei dem content margin-left verkleinert!
Jetzt klappt es! * Applaus, Applaus *

Vielen lieben Dank!

Lächel Soneria
  View user's profile Private Nachricht senden
deeesi

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Di 20.01.2009 12:08
Titel

Antworten mit Zitat Zum Seitenanfang

gerne Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Layout 3 spaltig
PHP: Datensätze aus DB 3 spaltig ausgeben
eBay Shop Template 3 spaltig - wie anlegen?
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.