zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Logo in Header dupliziert sich beim verkleinern des Browserfensters

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.03.2017, 10:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.03.2017
Beiträge: 1
Minykas befindet sich auf einem aufstrebenden Ast
Standard 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?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.03.2017, 11:54
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:33 Uhr.