zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Ebene verschiebt sich mit Bildschirmauflösung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.10.2013, 16:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.04.2009
Beiträge: 8
Ramira befindet sich auf einem aufstrebenden Ast
Beitrag 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.10.2013, 16:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

ohne Online-Beispiel wird dir trotz gutem Willen von unserere Seite aus kaum zu helfen sein.

Zitat:
Wie kann ich es einstellen, dass diese sich nicht verschieben.
Gar nicht. Du kannst, und das ist auch sinnvoll, die Seite so erstellen, das der Text immer sinnvoll lesbar ist. Stichwort: Responsive Design. Feste Breitenangaben sind dabei aber nicht gefragt.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.10.2013, 17:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.04.2009
Beiträge: 8
Ramira befindet sich auf einem aufstrebenden Ast
Standard

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&auml;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)
Mit Zitat antworten
  #4 (permalink)  
Alt 05.10.2013, 18:04
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 07.10.2013, 10:07
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 15.10.2013, 17:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.04.2009
Beiträge: 8
Ramira befindet sich auf einem aufstrebenden Ast
Standard

Hallo dazzle89,
genau DAS war der Fehler.
Vielen Dank für deine Hilfe und Antwort!

PS: Ich bin kein ER sondern ein (großes) Mädchen.
Mit Zitat antworten
  #7 (permalink)  
Alt 15.10.2013, 17:45
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

Gerne, möchtest du auch noch eine Erklärung warum das so ist?
Mit Zitat antworten
  #8 (permalink)  
Alt 15.10.2013, 19:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.04.2009
Beiträge: 8
Ramira befindet sich auf einem aufstrebenden Ast
Standard

Aber ja!
Mit Zitat antworten
Antwort

Stichwörter
ebenen, position

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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:52 Uhr.