Ergebnis 1 bis 5 von 5

Thema: 3 divs + seitengröße anpassen?!

  1. #1
    Muskatnussnolog
    Gast

    Standard 3 divs + seitengröße anpassen?!

    Hi leute!

    also i bin erstmal neu hier und will gleich mal mein problem posten...

    ich bin gerade dabei ein logo auf einer page am top einzufügen..
    hab bemerkt das das recht blöd aussieht...
    nun hab ich is in 3 teile geteilt und jedes in nen div gepackt!
    jedoch bring ich es einfach nicht fertig alle 3 logos nebeneinander
    anzuzeigen?!
    das linke und das rechte logo sollen fixiert da bleiben wo sie sind
    und das in der mitte soll sich je nach seiten größe in der "width" verändern.

    zur zeit sieht mein code so aus:
    Code:
    <html>
      <head>
      <link rel="stylesheet" type="text/css" href="style.css">
    
      </head>
      <body>
        <div id="banner">
          <div id="banner1"</div>
          <div id="banner2"</div>
          <div id="banner3"</div>
        </div>
      </body>
    </html>
    und meine style.css so:
    Code:
    body&#123;
         padding&#58; 0px;
         margin&#58; 0px;
         &#125;
    
    #banner&#123;
            display&#58; block;
            width&#58;100%;height&#58;165px;
            &#125;
    
    #banner1&#123;
            background-image&#58; url&#40;./images/banner1.png&#41;;
            background-repeat&#58;no-repeat;
            width&#58;678px;height&#58;165px;
            float&#58;left;
            &#125;
            
    #banner2&#123;
            background-image&#58; url&#40;./images/banner2.png&#41;;
            background-repeat&#58;repeat-x;
            width&#58; 31%; height&#58; 165px;
            float&#58;left;
            &#125;
            
    #banner3&#123;
            background-image&#58; url&#40;./images/banner3.png&#41;;
            background-repeat&#58;no-repeat;
            width&#58; 16%; height&#58; 165px;
            float&#58;right;
            &#125;
    hab schon vieles ausprobiert aber es will nicht hinhaun!
    ich schaff es nur das alle in der gleichen zeile bleiben wenn ich alle drei
    mit % ... aber ich will ja nur das sich das mittlere zusammenzieht / ausdehnt?!

    danke schon mal für antworten!
    mfg muskatnuss
    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

    Das Problem liegt daran, dass du für die drei banner-Teile Pixel- und Prozentwerte verwendest. Das können die Browser nicht auf einen gemeinsamen Nenner bringen.
    Entweder nimm nur Prozent oder nur Pixel.

    Übrigens musst du die id's auch richtig schließen:
    Statt
    Code:
    <div id="banner1"</div>
    nimm
    Code:
    <div id="banner1"></div>

  3. #3
    HTML Newbie
    Registriert seit
    25.08.2007
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hui danke =) die div schließung hab ich glatt übersehen...
    nur daran lags jetzt nicht...

    ich hab auch schon versucht alle mit px bzw % zu versehen...
    das problem dann ist das der browser alle 3 grafiken verkleinern beginnt!!!
    ich möchte aber nur die mittlere verkleinern lassen.
    also sollen links und rechts immer fix bleiben!

    aber danke schonmal für die answer

  4. #4
    HTML Newbie
    Registriert seit
    25.08.2007
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hier meine neue style.css
    Code:
    body&#123;
         padding&#58; 0px;
         margin&#58; 0px;
         &#125;
    
    
    #banner1&#123;
            background-image&#58; url&#40;./images/banner1.png&#41;;
            background-repeat&#58;no-repeat;
            width&#58;678px;height&#58;165px;
            float&#58;left;
            &#125;
            
    #banner2&#123;
            background-image&#58; url&#40;./images/banner2.png&#41;;
            background-repeat&#58;repeat-x;
            margin-left&#58;678px;
            width&#58; 392px; height&#58; 165px;
            float&#58;left;
            position&#58;absolute;
            &#125;
            
    #banner3&#123;
            background-image&#58; url&#40;./images/banner3.png&#41;;
            overflow&#58;visible;
            background-repeat&#58;no-repeat;
            width&#58; 206px; height&#58; 165px;
            float&#58;right;
            &#125;
    nur leider hab ich hier das prblem bei verkleinern des browsers schiebt
    sich die rechte grafik hinter die mittlere...
    wobei mir umgekehr lieber wäre xD

    mfg muskatnuss

  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

    Soll denn in den mittleren banner noch Inhalt rein? Sonst macht eine Anpassung ja keinen Sinn!
    Ansonsten würde ich das so machen:

    Code:
    #banner1&#123;
            background&#58;red;
            background-repeat&#58;no-repeat;
            width&#58;678px;height&#58;165px;
            float&#58;left;
            &#125;
    
    #banner2&#123;
            background&#58; green;
            background-repeat&#58;repeat-x;
            width&#58; auto; height&#58; 165px;
            float&#58;left;
    
            &#125;
    
    #banner3&#123;
            background&#58;magenta;
            overflow&#58;visible;
            background-repeat&#58;no-repeat;
            width&#58; 206px; height&#58; 165px;
            float&#58;left;
            &#125;

Ähnliche Themen

  1. div der grösse des übergeordneten divs anpassen
    Von Dragooni im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 31.12.2007, 02:02
  2. Tabellen mit DIVs
    Von Xer0 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 24.03.2007, 22:05
  3. Dynamische Seitengröße von Plone
    Von 00eraser00 im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 4
    Letzter Beitrag: 18.11.2006, 01:39
  4. HTML Seitengröße fest definieren
    Von im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 14.03.2006, 09:06
  5. "Seitengröße" auslesen
    Von odyssee im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 03.03.2005, 21:46

Stichworte

Berechtigungen

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