Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.12.2009 um 17:08 (UTC)    
Titel: Element richtig positionieren

Hallo
ich möchte gerne den senkrechten grauen kasten so positionieren, dass er sich an den header anschließ(bündig), und zwar so das sich der abstand zwischen den beiden elementen je nach bildschirm auflösung nicht verändert.
Mein jetziger code:
Code:
#design{
width: 1024px;
background-color: transparent;
margin: 0 auto;}

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}


body {
background: url(http://img.webme.com/pic/s/swb-empire/nh_hintergrund.jpg);
width: 100%;
height: 100%;
}


#header_container { position:absolute;
left: 0%;
top:83px;
width: 800px;
height:200px;
background-color:#343434;
background-image:url();
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

#header2 {position: absolute;
 left: 64%;
margin-left:-0px;
top:82px;
background:url(BILD-ADRESSE);
background-color:#343434;
width:224px;
height:800px;}


lg[/code]
Beitrag03.12.2009 um 14:04 (UTC)    
Titel:

Hallo,
du musst dann einen anderen Positionierungscode verwenden:
Zitat:
#header2 {
position: absolute;
left: 300px;
top: 82px;
background:url(BILD-ADRESSE);
background-color:#343434;
width:224px;
height:800px;}
Beim roten stellst du dann den Abstand von der linken Seite ein,
die ist auch bei jeder Auflösung immer gleich Wink
Das blaue ist dann die Höheneinstellung.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.12.2009 um 15:03 (UTC)    
Titel: hey danke

danke für die antwort.
und(wie immer) Very Happy ist sie zutreffen.
vielen dank
Beitrag03.12.2009 um 15:43 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Hallo,
du musst dann einen anderen Positionierungscode verwenden:
Zitat:
#header2 {
position: absolute;
left: 300px;
top: 82px;
background:url(BILD-ADRESSE);
background-color:#343434;
width:224px;
height:800px;}
Beim roten stellst du dann den Abstand von der linken Seite ein,
die ist auch bei jeder Auflösung immer gleich Wink
Das blaue ist dann die Höheneinstellung.

mfg Dominik


Wobei ich noch das "margin-" davor empfehlen würde.
Also so:
Zitat:
#header2 {
position: absolute;
margin-left: 300px;
margin-top: 82px;
background:url(BILD-ADRESSE);
background-color:#343434;
width:224px;
height:800px;}


Grüße.


Zuletzt bearbeitet von 0x am 03.12.2009, 16:44, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de