zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Positionierung einiger Elemente falsch

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.10.2008, 16:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2008
Beiträge: 6
CrAzYs befindet sich auf einem aufstrebenden Ast
Reden Positionierung einiger Elemente falsch

Hallo alle zusammen!

Vorab ich bin absoluter CSS Anfänger...
Ich sitze gerade an einem Design, es soll mein erstes Tabellenfreies Design werden!

Nun habe ich aber einige Probleme mit bestimmte Elementen die eigentlich fest sitzen sollten. Aber wenn ich jetzt scrolle bleiben die Elemente immer auf der Position Keine Ahnung warum...

Hier der Source Code:
Die Html Datei:
HTML-Code:
<body>
<div id="logo">
</div>
<div id="head_nav1">
	<div id="hrpt"></div>
  	<div id="hleft"></div>
	<div id="nws"></div>
    <div id="hspread" style="left: 360px;"> </div>
    <div id="hboard"></div>
    <div id="hspread" style="left: 644px;"></div>
    <div id="himpress"></div>    
    <div id="hrigh"></div>                  
</div>
<div id="head_nav2">
	<div id="hrpt_2"></div>
	<div id="hleft_2"></div>
    <div id="haction"></div>
  <div id="hspread_2" style="left: 202px;"></div>
    <div id="hstrat"></div>
  <div id="hspread_2" style="left: 323px;"></div>
    <div id="hsport"></div>
  <div id="hspread_2" style="left: 435px;"></div>
    <div id="hrole"></div>
  <div id="hspread_2" style="left: 568px"></div>
    <div id="hrace"></div>
  <div id="hspread_2" style="left: 685px"></div>
    <div id="hsim"></div>
  <div id="hspread_2" style="left: 810px"></div>
    <div id="hsonst"></div>
    <div id="hright_2"></div>
</div>
<div id="main">
	<div id="main_right">
    </div>
</div>
</body>
</html>
Die CSS Datei:
HTML-Code:
#logo {
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: fixed;
	left: 0px;
	top: 0px;
	clear: left;
	float: left;
	height: 338px;
	width: 341px;
	margin: 0px;
}
#head_nav1 {
	top: 80px;
	width: 867px;
	position: absolute;
	left: 80px;
}
#head_nav1 #hrpt {
	background-image: url(img/hrpt.jpg);
	background-repeat: repeat-x;
	height: 92px;
	left: 3px;
	position: absolute;
	top: 0px;
	width: 860px;
	visibility: visible;
}
#head_nav1 #hleft {
	background-image: url(img/hleft.jpg);
	height: 92px;
	width: 3px;
	left: 73px;
	visibility: visible;
}
#head_nav1 #nws {
	background-image: url(img/nws.jpg);
	height: 91px;
	width: 93px;
	left: 160px;
	top: 80px;
	visibility: visible;
	position: fixed;
}
#head_nav1 #hboard {
	background-image: url(img/hboard.jpg);
	height: 92px;
	width: 100px;
	left: 458px;
	top: 80px;
	position: fixed;
}
#head_nav1 #himpress {
	background-image: url(img/himpress.jpg);
	height: 92px;
	width: 190px;
	top: 80px;
	left: 692px;
	position: fixed;
}
#head_nav1 #hrigh {
	background-image: url(img/hrigh.jpg);
	height: 92px;
	width: 7px;
	left: 940px;
	top: 80px;
	position: fixed;
}


#head_nav1 #hspread {
	background-image: url(img/hspread.jpg);
	height: 92px;
	width: 5px;
	position: fixed;
	top: 80px;
}
#head_nav2 {
	width: 867px;
	top: 172px;
	left: 80px;
	position: absolute;
	height: 34px;
}

#head_nav2 #hleft_2 {
	background-image: url(img/hleft_2.jpg);
	height: 34px;
	width: 5px;
	position: fixed;
	left: 80px;
	top: 172px;
}
#head_nav2 #haction {
	background-image: url(img/haction.jpg);
	height: 34px;
	width: 55px;
	top: 172px;
	position: fixed;
	left: 115px;
}
#head_nav2 #hrpt_2 {
	background-image: url(img/hrpt_2.jpg);
	background-repeat: repeat-x;
	height: 34px;
}#head_nav2 #hspread_2 {
	background-image: url(img/hspread_2.jpg);
	height: 34px;
	width: 6px;
	position: fixed;
	top: 172px;
}
#head_nav2 #hsport {
	background-image: url(img/hsport.jpg);
	height: 34px;
	width: 44px;
	position: fixed;
	left: 360px;
	top: 172px;
}
#head_nav2 #hrole {
	background-image: url(img/hrole.jpg);
	height: 34px;
	width: 98px;
	position: fixed;
	left: 459px;
	top: 172px;
}
#head_nav2 #hrace {
	background-image: url(img/hrace.jpg);
	height: 34px;
	width: 91px;
	position: fixed;
	left: 590px;
	top: 172px;
}
#head_nav2 #hsim {
	background-image: url(img/hsim.jpg);
	height: 34px;
	width: 89px;
	position: fixed;
	left: 708px;
	top: 172px;
}

#head_nav2 #hstrat {
	background-image: url(img/hstrat.jpg);
	height: 34px;
	width: 74px;
	left: 224px;
	top: 172px;
	position: fixed;
}
#head_nav2 #hsonst {
	background-image: url(img/hsonst.jpg);
	height: 34px;
	width: 73px;
	left: 842px;
	top: 172px;
	position: fixed;
}
#head_nav2 #hright_2 {
	background-image: url(img/hright_2.jpg);
	height: 34px;
	width: 7px;
	left: 940px;
	top: 172px;
	position: fixed;
}
#main {
	background-image: url(img/mrpt_2.jpg);
	background-repeat: repeat;
	width: 867px;
	left: 80px;
	position: absolute;
	top: 206px;
	height: 100%;
}
#main #main_right {
	background-image: url(img/mrptright.jpg);
	background-repeat: repeat-y;
	height: 100%;
	width: 5px;
	left: 940px;
	position: fixed;
	top: 206px;
}
Vielen Dank für eure Hilfe schonmals im Vorraus!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.10.2008, 16:27
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wirf jegliches position raus, vor allem fixed, und arbeite mit float & clear (siehe FAQ). Weitere Ausrichtungen per margin & padding.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.10.2008, 20:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2008
Beiträge: 6
CrAzYs befindet sich auf einem aufstrebenden Ast
Standard

Perfekt! Hat geklappt vielen Dank!

Jetzt hab ich aber nochmals eine Frage, wie kann ich einen Link aus einem Div machen? =)
Mit Zitat antworten
  #4 (permalink)  
Alt 09.10.2008, 20:40
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Umgekehrt: Aus einem Link ein div - per display: block;. Dasselbe ist's dann aber immer noch nicht, denn a darf keine Blockelemente (p, div, ul etc.) enthalten.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 09.10.2008, 20:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2008
Beiträge: 6
CrAzYs befindet sich auf einem aufstrebenden Ast
Standard

MMh mir ist gerade aufgefallen das ja meine Buttons teilweise grösser sind als ein einzelner div, also bringt das ja garnichts... moment ein kleiner Screenshot von dem was ich gerade meine folgt sofort...



Also der blaue Hintergrund ist ein ganzer durchgehender div, nur da wo die einzelnen Beschriftungen sind ist ein extra Div...

Ich hab es erst versucht mit einer transparenten .gif Grafik drüber und die verlinken aber iwie klappt das nicht..

Hast du zufällig irgendeinen anderen kreativen Vorschlag? =)

Geändert von CrAzYs (09.10.2008 um 20:49 Uhr)
Mit Zitat antworten
Antwort

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
Elemente ausrichten (Positionierung von Divs) Cu Chullain CSS 11 31.08.2009 16:03
Relative Positionierung: FF2: Falsch, FF3 / Opera richtig Zeussi CSS 9 13.02.2009 14:04
div borders werden nicht angezeigt, positionierung ist falsch injex CSS 2 27.08.2007 15:11
Welche Positionierung für elemente eines Formulas? bastien CSS 3 01.01.2007 22:31
Neues layout - Probleme mit der Positionierung der Elemente MettyBirdy CSS 13 19.07.2005 11:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:51 Uhr.