|
|||
Logo in Header dupliziert sich beim verkleinern des Browserfensters
ich habe ein Problem, in meinem Header habe ich ein jpg als Logo eingefügt welches sich beim verkleinern des Browser Fenstert verdoppelt/dreifacht ich möchte eigentlich nur eine einzige korrekt auf der linken Seite plazierte Version davon. kann mir evtl. jemand helfen?
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf=8"/> <Title> Dängeli und Partner </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="navigation"> <div class="wrapper"> <div id="logo"></div> <p id="menu"> <a href="#"> Home</a> <a href="#"> Über uns</a> <a href="#"> Referenzen</a> <a href="#"> Leistungen</a> <a href="#"> Kontakt</a> </p> </div> </div> <div id="banner"> <div class="wrapper"> <img src="Pictures/blau.jpg" alt="Naturfarben Pigmente" style="float:right"> <h1> Malerbetrieb für Naturfarben </h1> <p>Seit 40 Jahren verarbeitet unser Familienbetrieb natürliche, mineralische und wohngiftfreie Farben und Putze. ......... und so weiter der Css teil sieht so aus an den betreffenden stellen so aus: { margin: 0; padding: 0; font-family: Helvetica; } .wrapper { width: 1280px; max-width: 90%; margin: 0 auto; float: center; } /* NAVIGATION */ #navigation { position: fixed; top: 0; z-index: 10; height: 138px; width: 100%; background-color:rgba(250, 250, 250, 0.; } /*Logo*/ #logo { width: 45%; height: 110px; opacity: 0.8; float: left; Background: url(Pictures/logo.jpg); background-size: contain; } /*MENU TEXT*/ #menu { width: 45%; float: right; margin-top: 50px; } #menu a { padding-right: 25px; padding-top: 25px; text-decoration: none; color: #B40B0B; text-align: 2em; font-weight: 600; } #menu a:hover { border-top: solid white 4px; color: #4FCDEC; } ist der Aufbau falsch oder muss ich noch irgend einen Fix css code einfügen? |
Sponsored Links |
|
||||
Ich weiss ja nicht welche Dokumentation du benutzt, aber normalerweise sollte dort beschrieben werden, warum das so ist, bzw. was du machen musst um das zu ändern.
background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
FF: div immer nur 100% des browserfensters | maschadascha | CSS | 6 | 10.07.2006 14:51 |
Breite ist "Rest" des Browserfensters | wuschba | CSS | 2 | 03.07.2006 15:15 |
Zeilenüberlappung bei margin-top mit negativem Wert | c.weber.os | CSS | 15 | 15.10.2005 16:11 |
<div>-Bereich mit Höhe des gesamten BrowserFensters | BullPit | CSS | 3 | 13.02.2005 11:49 |
problem mit verkleinerung des browserfensters | olli666 | CSS | 1 | 06.09.2003 15:04 |