Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst CSS - Denkfehler oder Codefehler ?!

Mitglied: ReaZor

ReaZor (Level 1) - Jetzt verbinden

07.02.2010, aktualisiert 14:02 Uhr, 3790 Aufrufe, 4 Kommentare

Hallo zusammen versuche schon seit wochen nen Nettes Design zu entwerfen aber irgendwie komme ich nicht wirklich weiter. Es hapert an der Darstellung eines Hintergrundbildes.
Habe das ganze kurzfristig mal hochgeladen um es euch zu veranschaulichen. Ich hoffe Ich könnt mir helfen.
Danke schonmal im Vorraus.

Der Grundaufbau steht schonmal den könnt Ihr unter http://reazor.re.ohost.de/test1/index.htm einsehen. (Die Tabelle dient nur zum Ausrichten).
Das Problem ist nun das ich das rechte Navigationsbild mit einem Bildbearb.-Programm gespiegelt habe. Sprich es soll auf der linken seite zur Mitte hinzeigen. Die entsprechenden Pics könnt Ihr unter http://reazor.re.ohost.de/test1/img/ einsehen. Maße sind identisch. Wenn ich nun die entsprechende Pfadangabe änder um für das linke Bild auszuwählen macht er das auch nur aus mir unerklärlichen Gründen verzerren alle Browser das Bild....

Ich hoffe ich konnte das Problem einigermaßen verständlich erklären.

Den QC für die CSS findet ihr dort auch direkt.

Danke schonmal im vorraus
Mitglied: Arano
07.02.2010 um 15:05 Uhr
Hallo ReaZor

Die Grafik und das HTML-Element "<h1>Navigation</h1>" haben aber unterschiedliche Größen !
Das <h1> ist kleiner als die Grafik, dadurch wird der rechte Rand der Grafik abgeschnitten wen das Ende des Elements erreicht wurde.
Du könntest das Hintergrundbild rechtsbündig positionieren, dann wird "nur" etwas von der schwarzen linken Seite abgeschnitten.

http://www.css4you.de/backgroundproperty.html


~Arano
Bitte warten ..
Mitglied: ReaZor
07.02.2010 um 16:06 Uhr
Hmm dann müsste das rechte Bild doch aber auch zu groß sein warum wird dies dann richtig dargestellt?
Ich versuchs gleich mal aus sag bescheid obs geklappt hat
Bitte warten ..
Mitglied: Arano
07.02.2010 um 16:16 Uhr
Ja, das ist auch zu Groß.

Hier fällt es dir nur nicht auf weil die Grafik linksbündig sitzt und rechts sowie unten abgeschnitten wird, an stellen an denen es nicht so auffällt !
Du kannst ja mal den Elementen feste Breiten und Höhen zuweisen und diese Schrittweise erhöhen / verkleinern, dann wirst du es sehen.

~Arano

Edit
Schau dir die Grafik mal genau an, der Bogen macht ca. bei der Hälfte einen Knick nach unten, so entsteht dort eine kleine Ecke.
Nun öffne deine Seite und suche diesen Knick. Auf der __sichtbaren__ Grafik ist dieser Knick nun viel weiter am unterem Rand.
Das heisst, das der untere Teil einfach abgeschnitten wurde und die Grafik größer ist als das Element in dem es angezeigt wird.
(Ein normales verhalten von Hintergrundgrafiken)

~Arano
Bitte warten ..
Mitglied: ReaZor
08.02.2010 um 16:57 Uhr
Hmm es hat tatsächlich geklappt, schon fies was ein paar Pixel weniger ausmachen.

Danke Arano =)
Bitte warten ..
Ähnliche Inhalte
Batch & Shell
Denkfehler bei Kennwortskript
Frage von Pago159Batch & Shell1 Kommentar

Hi, ich habe mich mal wieder an einem Skript in PowerShell geübt, wobei ich wohl einen Denkfehler in dem ...

HTML

CSS 3 - "viewport" Kein gültiges CSS?

gelöst Frage von ukodusHTML2 Kommentare

Hey Leute, gerade hab ich den Code (@viewport { }) durch den CSS-Überprüfer ) durchgejagt und er entgegnete: "Einlese-Fehler ...

Batch & Shell

Denkfehler - Syntaxfehler in Shell Script

gelöst Frage von killtecBatch & Shell6 Kommentare

Hallo, ich habe folgendes Script: Nun bekomme ich folgenden Fehler: Ich sehe hier nur keinen Syntaxfehler, sieht ihn jemand ...

Datenbanken

ORACLE - MERGE Abfrage mit Denkfehler?

Frage von ChillministratorDatenbanken3 Kommentare

Hallo zusammen, habe gerade eine Abfrage eines Kollegen mit eingebauten Fehler bekommen. Leider bin ich mit SQL nicht so ...

Neue Wissensbeiträge
Humor (lol)
IoT-Gefahr: Smartes Aquarium leckt!
Information von Lochkartenstanzer vor 1 TagHumor (lol)3 Kommentare

Moin, Die IoT-Manie hat weitere Opfer gefunden. Ein Casino-Leck durch ein smartes Aquarium: Allerdings haben sie kein Wasser, sondern ...

Router & Routing

Alte Fritzbox 7270 mit VPN und SIP-Telefonie hinter O2 Homebox 6641 als "Modem"

Erfahrungsbericht von the-buccaneer vor 1 TagRouter & Routing3 Kommentare

Nun war es soweit: Auch O2 hat mich mit VOIP zwangsbeglückt. Heute am Privatanschluss, in 2 Wochen ist das ...

Sicherheit

Ungepatchte Remote Code Execution-Lücke in LG NAS

Information von kgborn vor 2 TagenSicherheit

Nutzt wer LG NAS-Einheiten? In den NAS-Einheiten der LG Network Storage-Einheiten gibt es eine sehr unschöne Schwachstelle, die einen ...

Windows Update

Neue Version KB4099950 NIC Einstellungen gehen verloren

Information von sabines vor 2 TagenWindows Update2 Kommentare

Es ist eine neue Version des KB4099950 verfügbar, die das Problem mit den verlorenen Netzwerkeinstellungen lösen soll. Das Datum ...

Heiß diskutierte Inhalte
Router & Routing
Mikrotik: Routing zwischen Interfaces mit Geräten ohne Gateway
Frage von TonLichtVideoRouter & Routing20 Kommentare

Hallo zusammen, ich komme aus dem Veranstaltungstechnik Bereich und habe zwei Netze um verschiedene Hardware zu Remoten. CONTROL1 192.168.1.0/24 ...

Linux Netzwerk
Raspberry Pi 3: WLAN Power save deaktivieren
Frage von nordie92Linux Netzwerk14 Kommentare

Moin moin, mein Raspberry Pi 3 Model B benötigt eine dauerhaft aktive WLAN-Verbindung. Leider bricht die WLAN-Verbindung nach einigen ...

Vmware
Server 2008 r2 vmware terminalserver
Frage von MasterCVmware11 Kommentare

Guten Abend zusammen, ich hoffe , dass einer von euch mir weiterhelfen kann ,bei meinem kack Problem ! Ist ...

VB for Applications
VBScript mit WINscp für einfachen FTP Transfer und nachträglichem verschieben der Datei in ein erledigt Verzeichnis
Frage von KeiosIDVB for Applications9 Kommentare

Hallo, leider soll ich auf den neueren Servern(Win2016R2) keine *.Bat Dateien mehr laufen lassen. Hier soll nun alles über ...