mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 21:52 Benutzername: Passwort: Auto-Login

Thema: [CSS] DIV ausrichten vom 20.08.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] DIV ausrichten
Autor Nachricht
slein
Threadersteller

Dabei seit: 02.10.2002
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Sa 20.08.2005 13:13
Titel

[CSS] DIV ausrichten

 Antworten mit Zitat Zum Seitenanfang
Hallo Peoplez,
hab ein Problem - wie immer.

Hab ein CONTAINER-DIV, das mittig im Browserfenster stehen soll!
In diesem CONTAINER-DIV sollen dann 3weitere DIVs sein.
Mein Problem, alle Positions-Angaben sollen sich auf das CONTAINER-DIV beziehen.
Nun ist es aber so, dass sich NUR das TERMIN-DIV auf das CONTAINER-DIV bezieht.
Das CONTENT-DIV bezieht sich auf das TERMIN-DIV ... warum ?!?!?!
Ebenfalls bezieht sich das FUSSLEISTEN-DIV auf das CONTENT-DIV !!!?!?!??!

Guckt's euch mal an...

Hier der Quellcode:

Code:


<div id="container">
   <div id="termin">TERMIN !!!</div>
   <div id="content">CONTENT steht hier !!!</div>
   <div id="fussleiste">FUSSLEISTE !!!</div>
</div>



Hier die Stylesheet-Datei:

Code:


body
{
 font-family:Verdana;
 font-size:12px;
 text-align:center;
 margin:0px;
}

#container{
   width:770px;
   height:700px;
   margin : 10px auto;
   text-align : left;
   border-color:#FF3399;
   border-style:solid;
   }
#fussleiste{
   position:relative;
   height:auto;
   width:530px;
   margin-left:15px;
   margin-top:657px;
   }
#termin{
   position:relative;
   margin-top:100px;
   margin-left:20px;
   }
#content{
   position:relative;
   margin-top:120px;
   margin-left:350px;
   width:150px;
      }



... ist 'n Chaos, huh ?

Hier 'ne Skizze:




Zuletzt bearbeitet von slein am So 21.08.2005 20:41, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
bel

Dabei seit: 09.07.2004
Ort: Hamburg
Alter: -
Geschlecht: -
Verfasst Sa 20.08.2005 13:32
Titel

Antworten mit Zitat Zum Seitenanfang
Zitat:
klappt aber nicht ganz!

Tja, vielleicht verrätst du uns wie es eigentlich aussehen soll * Keine Ahnung... *
Ne Skizze oder so wäre hilfreich.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich
Verfasst Sa 20.08.2005 14:03
Titel

Antworten mit Zitat Zum Seitenanfang
top und left immer nur mit position:absolute

bei position:relative immer mit margin ausrichten
  View user's profile Private Nachricht senden
slein
Threadersteller

Dabei seit: 02.10.2002
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst So 21.08.2005 19:24
Titel

Antworten mit Zitat Zum Seitenanfang
Morgo hat geschrieben:
top und left immer nur mit position:absolute

bei position:relative immer mit margin ausrichten


klappt bei mir nicht wirklich * Nee, nee, nee *
  View user's profile Private Nachricht senden
joe

Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht: Männlich
Verfasst So 21.08.2005 20:15
Titel

Antworten mit Zitat Zum Seitenanfang
Die Skizze soll stimmen? *Huch*

Zeichne mal das #iftermin mit ein.

So wie du es da hast, gehts schon deshalb nicht, weil du dem Content-Div, das nach dem Menü-Div kommt, float:left zugewiesen hast. Dann kann es logischerweise nicht links neben dem Menü stehen Hmm...?!

Also irgendwas ist da völlig verkehrt.
  View user's profile Private Nachricht senden
slein
Threadersteller

Dabei seit: 02.10.2002
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst So 21.08.2005 20:40
Titel

Antworten mit Zitat Zum Seitenanfang
... hab das Problem nochmal neu beschrieben - ganz oben !
  View user's profile Private Nachricht senden
joe

Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 22.08.2005 08:45
Titel

Antworten mit Zitat Zum Seitenanfang
Willst du die Blöcke denn unbedingt relativ positionieren?

So ginge es doch zum Besipiel auch:
Code:

<div id="container">
   <div id="content">CONTENT steht hier !!!</div>
   <div id="termin">TERMIN !!!</div>
   <div id="fussleiste">FUSSLEISTE !!!</div>
</div>
 


Code:
body{
   font-family:Verdana, sans-serif;
   font-size:12px;
   text-align:center;
   margin:0px}

#container{
   width:770px;
   margin:10px auto;
   text-align:left;
   border:2px solid #FF3399}
   
#content{
   float:left;
   background-color:#00FF33;
   width:550px;
   height:500px;
   display:inline;
   margin:0 10px 10px 0}
   
#termin{
   float:left;
   background-color:#0099FF;
   width:210px;
   height:220px}
   
#fussleiste{
   clear:both;
   width:auto;
   height:30px;
   background-color:#CCFF33}


Getestet hab ich das jetzt aber nur mit nem xhtml-doctype:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
  View user's profile Private Nachricht senden
Feile

Dabei seit: 02.08.2005
Ort: Senden
Alter: -
Geschlecht: Männlich
Verfasst Mo 22.08.2005 12:44
Titel

Antworten mit Zitat Zum Seitenanfang
benutz float - hat mehr stil *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen div ausrichten
[CSS] <p> im <div> unten ausrichten
An Kreis ausrichten?
div-box mittig ausrichten
main-div ausrichten
css | richtiges ausrichten
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB