Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> CSS Probleme mit DIV Positionen
Flash
Rolf Wenger
Geschrieben am: Di 22.05.2007, 20:43
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 85
Mitglied seit: 7.02.2006


Hallo zusammen

Habe ein Problem mit dem ausrichten von DIV Container.

Das jetzige Layout ist so aufgebaut:

CODE


<div> // grauer Teil 1
   <div> Headerlogo gelb 2</div>
   <div> Navigationsleiste gün 3 </div>
</div>



Auf dem Bild seht ihr wie das DIV 3 von der Navigationsleiste positioniert sein soll.

http://www.openphpnuke.ch/temp/div.jpg


Was muss ich im CSS definieren, dait das DIV von der Navleiste genau da hinkommt?

Versucht habe ich das zum Beispiel mit:

CODE


div.navigation {
padding:0;
margin:0;
height:44px;
width: 395px;
position:absolute;
left:665px; top:80px;
}



Nun wird zwar alles korrekt angezeigt, schaltet man jedoch im Browser nun eine Sidebar (Favoriten) ein, dann verschiebt sich das Navi DIV nicht mit, weil es auf absolute steht.

Mit relative bringe ich aber auf keine Art und Weise das DIV dahin wo ich es haben will sad.gif

Wo mache ich den Überlegungsfehler?

Danke für Eure Hilfe

Rolf


--------------------
Top
PMUsers Website
Top
 
 
Duvi
#2 Geschrieben am: Di 22.05.2007, 21:15 (+00:32)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 499
Mitglied seit: 4.10.2006


verschieb das grüne div mal in das gelbe.

beispiel:
CODE

<div style="background-color:grey;padding:10px;">
  <div style="background-color:yellow; margin:10px; padding:10px;"> Headerlogo gelb 2
     <div style="background-color:green; margin-left:auto; margin-right:0; width:395px;">
              Navigationsleiste grün 3
     </div>
  </div>
</div>
Top
PMEmail Poster
Top
 
Flash
Rolf Wenger
#3 Geschrieben am: Mi 23.05.2007, 17:08 (+19:52)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 85
Mitglied seit: 7.02.2006


Hallo Duvi

Danke für Dein Feedback.
Das habe ich bereits auch getestet, funktioniert aber mit dem CSS zusammen nicht.

Das gleich Problem wie bisanhin. Die Navleiste ist nicht da wo sie hin sollte.

Rolf


--------------------
Top
PMUsers Website
Top
 
Duvi
#4 Geschrieben am: Mi 23.05.2007, 17:30 (+00:22)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 499
Mitglied seit: 4.10.2006


jetzt verstehe ich es irgendwie nicht!?

hier mal der komplette html-code
CODE
<html>
<body>
<div style="background-color:grey;padding:10px;">
 <div style="background-color:yellow; margin:10px; padding:10px;"> Headerlogo gelb 2
    <div style="background-color:green; margin-left:auto; margin-right:0; width:395px;">
             Navigationsleiste grün 3
    </div>
 </div>
</div>
</body>
</html>


und dazu ein screenshot mit eingeschalteter sidebar.
sollte es nicht so aussehen?

Angefügtes Bild
Angefügtes Bild
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/18500

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Firefox 2.0.0.18 -> ajax Probleme ?! lalo 135 1 Fr 21.11.2008, 22:34
Firefox 3 macht Probleme? Nico B 135 4 Mi 12.11.2008, 22:28
Probleme beim Projektkauf KIWI-WORKS 251 7 Do 2.10.2008, 20:08
PHP und MySQL Probleme Swisstiger 532 4 So 14.09.2008, 22:23
Ebay PP Probleme Lila 324 2 Di 5.08.2008, 09:42
Domain: Rechtliche Probleme nach 2 Jahren cr4m0 418 9 So 27.07.2008, 01:27
Ajax Probleme im IE andiR 303 2 So 22.06.2008, 17:50
Probleme mit host2day? danwip 4230 111 Mi 11.06.2008, 19:00
Probleme mit neuem Google Analytics-Code bestätigt Peter Schneider 1078 12 Mo 2.06.2008, 07:58
Probleme mit formmail.pl ROHU 297 3 Di 20.05.2008, 19:20




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]