Ergebnis 1 bis 8 von 8

Thema: Wieder ein float Problem???

  1. #1
    Meister(in)
    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Wieder ein float Problem???

    Hallo,

    irgendwie will mein Design mal wieder nicht ganz so wie ich es will

    Liegt es am float oder vielleicht am Arbeiten mit em's als Größenangabe, das ich gerade ausprobiere?

    Frage: Warum ist meine Top-Navi nicht mittig?

    http://idadi.id.ohost.de/test/
    CSS-Code
    Code:
    #header {
        width: 95em;
        height: 16em;
        background-color: red;
        }
        
    #topmenue {
        float: right;
        height: 8em;
        margin: auto 0;
        width: 60em;
        background-color: white;
        }
    HTML-Code:
    <!-- Start header -->
    <div id="header">HEADER
    
        <!-- Start Top-Navi -->
        <div id="topmenue">OBERE NAVI</div>
        <div class="clear"></div>
        <!-- Ende Top-Navi -->
    </div>
    <!-- Ende header -->
    Ich bedanke mich für dienliche Hinweise, die mir dabei helfen vom Schlauch zu treten, auf dem ich wohl gerade stehe

    Questionmark
    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: Wieder ein float Problem???

    Weil sie gefloatet und der margin falsch rum ist.
    So sollte es klappen:
    Code:
    #topmenue {
    	height: 8em;
    	margin: 0 auto;
    	width: 60em;
    	background-color: white;
    	}

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wieder ein float Problem???

    Danke schon mal für die Antwort, aber ich glaube es liegt ein Missverständnis vor:

    Das rechts floaten soll sein, die mittige Ausrichtung war auf die vertikale Höhe des Headers bezogen und nicht auf die horizontale Breite desselbigen. Somit müsste doch auch das margin richtig sein.

    Hab mich da wohl etwas unklar ausgedrückt


  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Wieder ein float Problem???

    Dann schau dich mal nach "vertikal zentrieren" um. Mit CSS ohne Tabellen gibt es da eigentlich nur position: absolute; als Lösung.

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

    Standard AW: Wieder ein float Problem???

    Wenn die Höhen so fix bleiben, kannst du es so lösen:
    Code:
    #header {
    	width: 95em;
    	height: 16em;
    	background-color: red;
    position: relative;
    	}
    	
    #topmenue {
    position: absolute;
    right: 0;
    top: 4em;	
    height: 8em;
    	width: 60em;
    	background-color: white;
    	}
    oder eben vertikal zentrieren.

  6. #6
    Meister(in)
    Themenstarter

    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wieder ein float Problem???

    Dank euch. Das es für so etwas noch immer keine vernünftigen Lösungen gibt... - villeicht steig ich doch wieder auf Tabellenlayout um


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

    Standard AW: Wieder ein float Problem???

    Das ist in der Tat einer der wenigen Nachteile von CSS.
    Dennoch: auf Tabellen würde ich deshalb trotzdem nicht umsteigen.

  8. #8
    Interessierte/r
    Registriert seit
    12.01.2009
    Ort
    nähe Trier
    Alter
    35
    Beiträge
    131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wieder ein float Problem???

    Da muss ich sejuma zustimmen.

    Gruß

    Sascha

Ähnliche Themen

  1. Mal wieder ein Float-Problem
    Von chuqa im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 03.12.2008, 11:39
  2. CSS: float:left; und overflow:auto; IE6 und kleiner==Problem
    Von LinuxMan im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 19.07.2008, 20:00
  3. Problem mit position und float
    Von kwurzel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.02.2006, 18:49
  4. css problem float
    Von pt-3000 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.07.2005, 16:06
  5. wieder nur ein kleines problem :)
    Von carrepair im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.02.2005, 14:39

Stichworte

Berechtigungen

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