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, 3826 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
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 ...

CSS

CSS Problem

gelöst Frage von michi1983CSS2 Kommentare

Hallo Admins, eventuell kann mir ja hier einer weiterhelfen, ich stehe offenbar auf der Leitung. Auf folgender Website (die ...

CSS

CSS Verständnisproblem

gelöst Frage von 127944CSS14 Kommentare

Hallo liebe CSS-Gurus, ich habe diesen Code 1:1 übernommen. (ich versuche noch immer mich in CSS einzuarbeiten) Was kann ...

CSS

Hilfe bei CSS

gelöst Frage von emeriksCSS8 Kommentare

Hi, vorne weg: Bin in HTML und CSS nicht so die Leuchte. Ich will bloß ein paar Reports erstellen ...

Neue Wissensbeiträge
Datenschutz

SiSyPHuS Win10: Analyse der Telemetriekomponenten in Windows 10

Tipp von freesolo vor 1 TagDatenschutz1 Kommentar

Alle die sich detailliert für die Datensammlung interessieren die unter Windows 10 stattfindet, sollten sich folgende Analyse des BSI ...

Sicherheit
Adminrechte dank Intel-Grafikkarte
Information von DerWoWusste vor 1 TagSicherheit1 Kommentar

ist das Advisory, welches beschreibt, welche Intel HD Graphics Modelle Sicherheitslücken haben, mit denen sich schwache Nutzer zu Admins ...

Internet

EU Urheberrechtsreform: Eingriff in die Internetkultur

Information von Frank vor 2 TagenInternet1 Kommentar

Liebe Besucherin, lieber Besucher, warum erscheint das obere Banner in allen Beiträgen? Aus Protest gegen Teile der geplanten EU-Urheberrechtsreform ...

Windows Server
Windows Backup - FilterManager Event 3
Tipp von NixVerstehen vor 2 TagenWindows Server

Hallo zusammen, ich bin kein gelernter ITler und auch beruflich nicht in dem Feld tätig. Wir setzen in unserem ...

Heiß diskutierte Inhalte
Microsoft Office
Sharepoint 2016 mag keine Umlaute in .docx-Titeln
gelöst Frage von DerWoWussteMicrosoft Office14 Kommentare

Moin Kollegen. Nutzt hier jemand Sharepoint? Könnt Ihr, unabhängig von der Sharepointversion, bitte einen Test machen? Ladet ein .docx ...

Basic
VBS soll alle Ordner auswählen, die im Startmenu angezeigt werden
Frage von Senseless-CreatureBasic12 Kommentare

Guten Morgen - gibt es eine Möglichkeit, per VBS das Startmenu in Win10 zu modifizieren? Ich beherrsche VBS mittlerweile ...

Video & Streaming
GO PRO 7 Black 4K 60 FPS MP4 HEVC(H.265) Codier Probleme
gelöst Frage von REN0XXVideo & Streaming10 Kommentare

Mahlzeit, ich habe mir Letztens Die GoPro Hero Black 7 gekauft, da diese nun auch 4K und 60FPS unterstützt ...

Virtualisierung
Physikalischen Linux-Rechner (Debian) in VM umziehen
Frage von fbronkoVirtualisierung10 Kommentare

Moin, ich möchte zu Testzwecken einen physikalisch vorhandenen Linux-Rechner auf Debian-Basis in eine VM umziehen. Ich habe mittlerweile schon ...