zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Problem mit position relative

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.02.2011, 11:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2011
Beiträge: 1
ChiLLinG befindet sich auf einem aufstrebenden Ast
Standard CSS Problem mit position relative

Hi All,

ich bin noch relativ neu was css angeht aber nach nun 2 Tagen verzweifeln hoffe ich auf Eure Hilfe.

Folgendes:

In meiner HTML Datei habe ich folgenden Code:
Code:
<div id="bgd">
<div id="pageHeader">
<div id="oben_links">
</div>
</div>
</div>
Und die CSS Datei sieht so aus:

Code:
body {
  margin:0px;
  padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#191919;
  font-weight:normal;
  background-color: #333333;

  }

#bgd {
  margin:0px auto;
  padding:0px;
  width:1024x;
  min-height:767px;
  text-align:left;
  overflow:hidden;
  background-color: #333333;
  background-image: url(bgd.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  }
  
#pageHeader {
  width:1024px;
  height:172px;
  margin:0px;
  padding:0px;
  float:left;
  position:relative;
}


#oben_links {
  padding: 0px;
  margin: 0px 0px 0px 50px;
  float:left;
  position:relative;

  background:#ffffff;
  border: 1px solid #ffffff;
  width:154px;
  height:56px;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
}
Die #bgd erzeugt ein zentriertes Hintergrundbild. Die #obenlinks soll eine halbtransparente weiße Box erzeugen die vom linken Rand des zentrierten Bildes 50px entfernt ist. Aus mir nicht erklärlichen Gründen ist die halbtransparente weiße Box aber am ganz linken Bildschirmrand, bzw. 50px davon entfernt. Wie krieg ich das hin, dass sich die halbtransparente weiße Box an dem zentrierten Bild ausrichtet (relativ zu dem zentriertem Bild) und nicht am relativ zum linken Bildschirmrand?

Vielen Dank für den einen oder anderen Tip!!!

cheers
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, position, relative, zentriert

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
z-index hoch, dennoch grafik nicht ganz oben bergg CSS 6 27.10.2010 16:02
Div Positionen in Firefox falsch ozero CSS 4 17.07.2009 22:35
CSS Spry Menu Problem mit Hintergrund bei Mouseover myron CSS 9 12.07.2009 13:34
Bild über Bild legen mit position: relative (IE6 Problem) naitsab CSS 3 09.06.2009 13:20
Ich komme nicht weiter - fertiges Layout ... Gulli CSS 16 06.08.2008 15:00


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