Middle und Center Formatieren - Seite 5

uspri · #41 (**permalink**) 03.06.2009, 08:18

Zitat:

Zitat von markuskoehler

Ich halte mich schon immer an Ayom -> div vertikal und horizontal zentrieren.

Und das scheint auch browserübergreifend zu funktionieren...

Und wenn der Viewport des Browsers zu klein wird, rutscht der Inhalt nach Links raus und ist nicht mehr erreichbar. Scrollbalken gehen bekanntlich nur nach rechts und nicht nach links. Du solltest Dich eher an dem hier orientieren: CSS vertical center using float and clear

Felk · #42 (**permalink**) 20.08.2009, 04:51

Ich hab mir grad mal den Thread hier durchgelesen und hab nur die Hälfte verstanden ^^
naja auf jeden Fall weiß ich jetzt, wie ich Sachen vertikal und horizontal zentriere!
Die variante mit float und clear funktioniert...

Code:

html,body{height:100%}
#distance{width:1px;height:50%;background-color:#fc6;margin-bottom:-13.75em;/**/float:left}
#container{margin:0 auto;position:relative;/**/text-align:left;height:27.5em;width:45em;clear:left;background-color:#ff9;border:1px solid #c93;border-top-color:#fff;border-left-color:#fff}

Das zu Beginn des Dokuments:

HTML-Code:

<div id="distance"></div>
<div id="container"><div>

fertig...

Und das klappt auf quasi allen Browsern unter quasi allen Systemen!
Habe es auf 49 Browsern testen lassen. Ging nur am MSIE 5.5 nicht, sonst überall.
Screenshots...
http://www.speedcube.de/tests/090819...de-3342771.zip
Am Besten find ich ja den Screenshot von Opera 9.26 auf Win XP

Oxego777 · #43 (**permalink**) 24.08.2009, 17:54

Immer diese dämlichen Probleme mit FF und IE. Möchte mal wissen, wann das endlich mal vorbei ist und überall gleich angezeigt wird. Da bastelste tagelang an einer css datei rum, nur weil die sich nicht einigen können.

thomas78 · #44 (**permalink**) 07.09.2009, 01:43

Hi,

kann mir jemand helfen? Ich möchte um die beiden DIVs einen schwarzen Rand haben. Außerdem soll Text in "left" und "right" vertikal zentriert dargestellt werden. Wie bekomme ich das hin?

HTML-Code:

<html>
  <head>
    <title>Footer</title>    
    <style type="text/css">
      #footer {
        border: 1px solid black;
      }

      #footer .left {
        float: right;
      }

      #footer .right {
        float: left;
      }
    </style>    
  </head>
  <body>
    <div id="footer">
      <div class="left">Left</div>
      <div class="right">Right</div>  
    </div>
  </body>
</html>

max29a · #45 (**permalink**) 23.01.2010, 09:52

wegen dem rand... füge doch einfach ein border ein und gebe dem dann die farbe usw.

wegen dem text würde ich mal ein text-align center ausprobieren...

hoffe dir ein wenige weiter geholfen zu haben..

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
Bild zentrieren	JuKo	CSS	4	21.03.2018 01:35
Verschiebungen bei größerem Bildschirm	seelefant	CSS	4	28.07.2014 16:43
Unterschiedliche Darstellung in Firefox / IE	memphis2k	CSS	16	30.08.2011 18:40
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 15:30
Problem mit CSS in Joomla 1.5	noobilicius	CSS	6	25.09.2008 21:24