mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 06:51 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: 35
Geschlecht: Männlich
Verfasst Sa 20.08.2005 12: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 19: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 12: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: 32
Geschlecht: Männlich
Verfasst Sa 20.08.2005 13: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: 35
Geschlecht: Männlich
Verfasst So 21.08.2005 18: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 19: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: 35
Geschlecht: Männlich
Verfasst So 21.08.2005 19: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 07: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 11: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 [CSS] <p> im <div> unten ausrichten
css menü div's hintereinander ausrichten
CSS: drei <div>-tags ausrichten
[css] vertikales ausrichten in div bereichen
CSS Frage : Body div /div div ?
div 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.