zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 2 DIVs nebeneinander ganzheitlich zentriert

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.11.2009, 23:20
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
  #2 (permalink)  
Alt 12.11.2009, 00:54
Benutzerbild von monran
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 28.07.2009
Beiträge: 180
monran befindet sich auf einem aufstrebenden Ast
Standard

Code:
margin-left:-512px;
so sowieso nicht..

schau dir mal die beispiele hier im forum an..http://xhtmlforum.de/40267-faq-h-ufi...und.html#faq10
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.11.2009, 02:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 15
SchlechterInformatiker befindet sich auf einem aufstrebenden Ast
Standard

Danke für deine Antwort erst mal.

Wenn ich das richtig sehe, wird da vertikal zentriert mit
Zitat:
height:50%;
margin-bottom:-13.75em;
Ist das nicht das gleiche wie
Zitat:
margin-left:-512px;
abgesehen davon dass es sich einmal um hoizontale und einmal um vertikale zentrierung geht?

Geändert von SchlechterInformatiker (12.11.2009 um 13:22 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
2 divs nebeneinander smartexport CSS 6 16.04.2010 16:22
Divs nebeneinander... Sengi CSS 4 23.05.2009 08:23
divs fließend nebeneinander, der letzte bis zum seitenrand deelite CSS 2 17.03.2009 21:04
3 divs zentriert nebeneinander StefanE CSS 1 04.03.2009 11:25
Divs nebeneinander, aber mittig RomanM CSS 2 24.10.2007 06:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:46 Uhr.