|
|||
Ebene verschiebt sich mit Bildschirmauflösung
Hallo zusammen,
ich wusel mich mehr schlecht als recht durch CSS. Im Moment hänge ich mit folgendem Problem fest: Habe mehrere Ebenen erstellt. Das funktioniert bis dahin auch alles, nur wenn ich die Website dann mittels STRG + (Plus) vergößere wird die komplette Seite verschoben. Body bleibt stehen, die beiden Ebenen wandern nach rechts. Wie kann ich es einstellen, dass diese sich nicht verschieben. Hier die CSS Datei body { background: #b8aea1 url(/images/background.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #000000; margin:0; padding: 0; text-align: center; } .wrap { margin: 0 auto; width: 950px; } .oben { background-image:url(../images/background.jpg); width:auto; color: #ffffff; } .ebene_menue { position: absolute; left: 575px; top: 253px; z-index: 1; color: #ffffff; font-size:16px; width: 586px; height: 31px; } .ebene_telefon { position: absolute; left: 601px; top: 184px; z-index: 2; color: #000000; font-size:16px; width: 570px; height: 20px; background-color:#b8aea1; margin: 0; padding: 0.5em; } .inhalt { background:#FFFFFF; text-align:justify; width: 850px; height:auto; } .inhalt li { list-style-type: disc; } Danke für Eure Hilfe |
Sponsored Links |
|
|||
Hallo,
ohne Online-Beispiel wird dir trotz gutem Willen von unserere Seite aus kaum zu helfen sein. Zitat:
Gruss MrMurphy |
Sponsored Links |
|
|||
Hallo MrMurphy,
ich habe die Seite im Firefox, Chrome, auf dem iPad und iPhone getestet. Hier sind mir in der Ansicht eigentlich keine Fehler aufgefallen. Mein Problem ist, wenn man die Auflösung manuell verändert, (schlechte Augen, Brille vergessen oder warum auch immer, mittel STR + (Plus) verschiebt sich meine ebene_telefon. Probiere es mal bitte aus und sag' mir was du davon hälst. hier mein Entwurf. Hier der html-Code HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>im Aufbau</title> <link rel="stylesheet" type="text/css" href="style2.css" media="screen" /> </head> <body> <div class="wrap"> <div class="oben"><br /> <img src="../images/bild2.jpg" align="right" width="600" height="172" /><img src="../images/bild1.jpg" border="1" width="300" height="265" "alt="" title="" /> </div> <div class="ebene_telefon"> Telefon (01234) 567894************************Fax (01234) 2567890</div> <div class="ebene_menue"> Home********* Link1********* Link2********* Link3********* Link4</div> <div class="inhalt"> Hier steht der Text / Inhalt <h2>Aufzählung</h2> <ul> <li>Beispiel a</li> <li>Beispiel b</li> <li>Beispiel c</li> <li>Beispiel d</li> </ul> </div> </div> </body> </html> Geändert von Ramira (05.10.2013 um 17:22 Uhr) |
|
|||
Du hast da so viele Fehler drin, das es schwierig wird irgendwo anzufangen.
Am besten liest du dich noch mal komplett neu in die Materie ein. Lese dich erst einmal in die Grundlagen ein: HTML5-Handbuch - Webkompetenz I Einleitung - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) Float: Die Theorie CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines Auf Fehler kann man seine Webseite im Validator testen: Unicorn Auch interessant: Die 10 häufigsten Webdesign-Fehler des Jahres 2005 : Institut für Software-Ergonomie und Usability
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Auf sein Problem kann man aber direkt antworten, denke ich.
So wie ich das sehe, verhalten sich ja nur die Navigation und die Hotline falsch. Das liegt daran, dass sie absolut positioniert sind. Du müsstest dem div mit der Klasse "wrap" position: relative geben. Danach musst du nur noch die left-Angabe für Navi und Hotline anpassen, dann funktioniert es. |
Stichwörter |
ebenen, position |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Dropdown Navigation - 2. Ebene ein-/ausblenden | img | CSS | 7 | 17.12.2010 00:02 |
Listennavigation - Ausrichtung der dritten Ebene | Unwritten | CSS | 2 | 08.11.2010 16:09 |
Menustruktur vertikal, horizontal, vertikal | anneon | CSS | 2 | 21.01.2010 15:31 |
Probleme mit einem CSS-Menü (UL-Liste)! | hagbard_2605 | CSS | 0 | 21.10.2006 11:03 |
Ebene "undurchsichtig" machen | diver | CSS | 1 | 19.10.2006 11:52 |