div positionierung - Seite 2

bw · #11 (**permalink**) 20.05.2004, 20:35

@thomas:
hast recht man sollte dem rahmen schon ne andere farbe geben

nun funzt es

allerdings hat das mit dem Code:

Code:

.rahmen { 
 position:absolute; 
 left:50%; 
 top:50%; 
 height: 500px; 
 width: 850px; 
 margin-left:-425px; 
 margin-top:-250px; 
}

einen haken. die seite ist mit 850 breite auf ne 1024 auflösung optimiert wenn nun aber doch einer mit 800er die seite auschaut soll der div links und oben nicht ins negative rutschen da man dann die die inhalte dort nicht mal mehr per scrollen erreicht.
kann ich das auch noch irgendwie lösen....

Thomas (css 4 you) · #12 (**permalink**) 20.05.2004, 22:06

Für den Fall habe ich nur eine Lösung. Ich würde für Elemente grundsätzlich keine feste Breite über 770px wählen, weil das sonst bei der 800x600er Auflösung horizontale Scrollbalken erzeugt oder, wie du schon sagst, ins negative rutscht. Ein anderen Weg kenne ich für positionierte Elemente z.Z. nicht.

Gruß
Thomas
www.css4you.de

ulle · #13 (**permalink**) 21.05.2004, 09:22

http://www.xhtmlforum.de/viewtopic.p...light=maxwidth

schau Dir doch mal diesen Thread an, evtl. bringt er Dich ja weiter....

dort habe ich den Container mit [margin: auto] zentriert. Das funktioniert so auch im IE6 und in alten Browser, die ja eh bald verschwunden sind, ist dieser Container halt nicht zentriert - egal !!

Aber mit negativen margin-Werten wäre ich vorsichtig

Nachtrag: Container-Höhe

http://www.xhtmlforum.de/viewtopic.php?p=3109#3109

terrikay · #14 (**permalink**) 24.05.2004, 16:43

Zitat:

Zitat von Thomas (css 4 you)

Hi,
du positionierst einen div-Container mittig, indem du ihn mit left:50% und top:50% mittig positionierst und dann mit negativem margin um die halbe Breite nach links und die halbe Höhe nach oben verschiebst.

Hmm... das hatte bei mir mal zur Folge, dass dann unten im IE der Rahmen abgeschnitten wurde und man auch nicht mehr dorthin scrollen konnte (nur im IE - in den anderen Browsern nicht).

Finde folgende Zentrierungen von prefix besser:

für horizontales Zentrieren: http://www.css-blog.com/index.php?p=68&more=1&c=1

und hier für horizontales und vertikales Zentrieren (das Beste sind allerdings die Kommentare *g*): http://spotleid.de/?board=6;action=d...threadid=16205

Vielleicht kanns ja jemand gebrauchen....

Thomas (css 4 you) · #15 (**permalink**) 24.05.2004, 17:16

Hallo terrikay,
wenn es nur um horizontales Zentrieren geht, bevorzuge ich auch dein erstes Beispiel.
Aber was machst du, wenn du ein Element mit einer festen Höhe vertikal zentrieren möchtest?

Gruß
Thomas
www.css4you.de

terrikay · #16 (**permalink**) 24.05.2004, 18:02

Am besten gar nicht! *g*

Nee, ne Lösung hab ich da auch nicht, wüßte aber auch nicht, wann man das wirklich dringend brauchen würde....

cric · #17 (**permalink**) 25.05.2004, 10:27

Kleiner Nachtrag:
Die Variante, ein div mit top: 50% und anschliessendem margin-top: negativer Wert für die vertikale Zentrierung zu verwenden funktioniert im IE Mac nicht, falls im html-Dokument ein Doctype angegeben wird! Natürlich kann man einfach die Mac IE Benutzer ignorieren, da diese sowieso nicht so weit verbreitet sind. Aber diese Möglichkeit funktioniert auch nicht zu 100%.

bw · #18 (**permalink**) 01.06.2004, 14:29

Zitat:

Zitat von terrikay

Am besten gar nicht! *g*

Nee, ne Lösung hab ich da auch nicht, wüßte aber auch nicht, wann man das wirklich dringend brauchen würde....

ich brauch das aber ganz dringend.

habe ich denn nun keine andere möglichkeit als den div in ne tabelle zu packen damit so ein teil mit fester breite und hoehe in der mitte des browsers erscheint. Muss ja auch nur mit dem ie funktionieren. Die restlichen browser sind mir egal :P
Und was halt auch nicht sein darf das der div ins negative rutscht wenn man das fenster verkleinert.

ulle · #19 (**permalink**) 01.06.2004, 20:02

Zitat:

Muss ja auch nur mit dem ie funktionieren. Die restlichen browser sind mir egal

Ich hatte Dir doch einige Links gepostet

bw · #20 (**permalink**) 03.06.2004, 15:11

Zitat:

Zitat von ulle

Ich hatte Dir doch einige Links gepostet

die links bieten mir jedoch keine lösung für mein problem, oder ich werde daraus nicht schlau.

bei mir soll sich kein div in der grösse anpassen, oder ähnliches,

ich habe einen div mit fester höhe und breite, und der soll immer mittig positioniert sein. Hebe das nur in verbindung mit ner tabelle hingekriegt

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>

<style type="text/css"> 
<!-- 
body { 
   background-color:#666666; 
   height: 100%;
   margin: 0px ;
} 

#frame {
  background-color: #FFFFFF;
  height: 450px;
  width: 850px;
}
//--> 
</style> 
</head>
<body>
  <table width="100%" height="100%">
    <tr align="center">
      <td valign="middle">

        <div id="frame"></div>
      </td>
    </tr>
  </table>
</body>
</html>

hier zu sehen.

die lösung mit den negativen margin will ich nicht da mir ja sonst bei zu kleinem fenster der div ins negative rutscht.

Kann ich das beispiel nicht irgendwie auch ohne die table lösen??

das 2. problem ist das sich die tabellen-lösung nicht validieren lässt.

Zitat:

there is no attribute "height"

<table width="100%" height="100%">

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fragen zu CSS und Joomla	DOKTOR	CSS	2	23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts	Zwox	CSS	10	19.11.2010 16:53
Header entfernen	tripple	CSS	17	15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms	Steveislucky	CSS	2	16.03.2010 10:59
CSS Text nebeinander?	carstiee09	CSS	13	13.11.2009 19:18