Ergebnis 1 bis 3 von 3

Thema: Divs nebeneinander + zentrieren

  1. #1
    Marco_1987
    Gast

    Standard Divs nebeneinander + zentrieren

    moin,

    vorerst: natürlich habe ich gegoogelt und auch etliche lösungsvorschläge bekommen. ich kann damit aber wirklich nichts anfangen, bin anfänger und deshalb ist das alles für mich noch sehr kompliziert.

    -- zu meinem problem --

    ich habe 2 divs, welche einerseits nebeneinander und andererseits zentriert werden sollen. beim folgenden code sind die divs zwar nebeneinander, aber die breitenangaben stimmen nicht und ich schaffe es auch nicht, das ganze zu zentrieren.

    CSS:
    Code:
    #panel_af {
    	background-color: #4A6F97;
    	width: 421px;
    	padding: 5px;
    	float: left;
    	margin: 0 auto;
    }
    
    
    #news_af {
    	background-color: #DFDFDF;
    	background-image: url(images/bg_news.jpg);
    	width: 540px;
    	padding: 5px;
    }
    
    
    .clear {
    	clear:left;
    }

    HTML:
    Code:
    <div id="panel_af">Inhalt!</div>
    <div id="news_af">Inhalt!</div>
    <div class="clear"></div>
    vielen danke im voraus für eure bemühungen!

    viele grüße,
    marco.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Divs nebeneinander + zentrieren

    Packe beide in einen #wrapper und zentriere diesen.
    Dafür lass bei #panel die Zentrierung weg und gib #news einen Linksabstand:

    Code:
    #wrapper {
    width: 981px;
    margin: 0 auto;
    }
    
    
    #panel_af {
    	background-color: #4A6F97;
    	width: 421px;
    	padding: 5px;
    	float: left;
    }
    
    
    #news_af {
    	background-color: #DFDFDF;
    	background-image: url(images/bg_news.jpg);
    	width: 540px;
    	padding: 5px;
    	margin-left: 431px;
    }
    
    
    .clear {
    	clear:left;
    }
    Code:
    <div id="wrapper">
    <div id="panel_af">Inhalt!</div>
    <div id="news_af">Inhalt!</div>
    <div class="clear"></div>
    </div><!--Ende #wrapper-->

  3. #3
    Unregistriert
    Gast

    Standard AW: Divs nebeneinander + zentrieren

    danke, du bist der beste! hat perfekt funktioniert.

Ähnliche Themen

  1. Divs untereinander statt nebeneinander
    Von MasterOfDsaster im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.04.2009, 14:40
  2. 'n paar divs in bestimmter position zusammen zentrieren
    Von Greg10 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.08.2007, 17:12
  3. 3 divs in einem div nebeneinander
    Von Questionmark im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 30.10.2006, 23:27
  4. 2 divs nebeneinander
    Von ad3nau im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 26.07.2006, 14:24
  5. bilder nebeneinander
    Von joy im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 10.08.2005, 21:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •