Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 12.11.2009, 00:20
SchlechterInformatiker SchlechterInformatiker ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 15
SchlechterInformatiker befindet sich auf einem aufstrebenden Ast
Standard 2 DIVs nebeneinander ganzheitlich zentriert

Hallo,
ich habe folgende Problemstellung:

-zwei DIVs sollen nebeneinander angeordnet werden - zur Vereinfachung sind diese gleich hoch und sollen auf gleicher Höhe sein.

-diese zwei DIVs sind unterschiedlich breit. Die Breite keines der DIVs ist bekannt sondern richtet sich nach dem Inhalt

-die zwei DIVs sollen als Ganzes zentriert sein auf der Seite (bzw. in einem beinhaltenden DIV)

-Zumindest der Internet-Explorer 7 sollte das noch mitmachen.


Geht das mit reinem CSS? ODer müss ich hier mit einer HTML-Tabelle layouten?

Hier mal ein Beispiel-Code (div.links und div.rechts haben hier eine definierte Breite, aber das ist nur damit man was sieht wenn man es mit einem Browser anzeigen lässt. In Wirklichkeit wird deren Breite unbekannt sein.

Hier passt irgendwie gar nix. div.links ist sogar im Firefox breiter als div.rechts


HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>
   Titel
  </title>
  <style type="text/css">
   body
   {
    background-color:rgb(194,194,194);
   }
   div.haupt
   {  
    position:absolute;
    margin:0 auto;
    width:1024px;
    left:50%;
    top:0px;
    margin-left:-512px;
    text-align:center;
    background-color:white;
    height:100%;
   }
   div.links
   {
    width:200px;
    background-color:cyan;
    float:left;
   }
   div.rechts
   {
    width:300px;
    background-color:yellow;    
   }
  </style>
 </head>
 <body>
  <div class="haupt">
   <div class="links">Links</div>
   <div class="rechts">Rechts</div> 
  </div>
 </body>
</html>
Mit Zitat antworten
Sponsored Links