Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
Diskussion

CSS Probleme mit DIV Positionen

Thema abonnieren | Thema versenden | Thema drucken

Geschrieben am: Di 22.05.2007, 20:43
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 90
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 6
************

Gruppe: Member (aktiv)
Beiträge: 536
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
 
#3 Geschrieben am: Mi 23.05.2007, 17:08 (+19:52)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 90
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 6
************

Gruppe: Member (aktiv)
Beiträge: 536
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?

angehängtes Bild
Angefügtes Bild
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« background-color: Grafik / CSS - browserabhängig | Design, Content & Usability | Programm für Icons? »
Trackback-Url: http://www.ayom.com/track/t/18500
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 
Artikel die Sie interessieren könnten: (beta) - Feedback


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
Probleme mit Expedia-Werbemitteln Reisepublisher 138 2 So 21.03.2010, 01:31
Bizarre probleme mit wordpress fox 343 7 So 14.03.2010, 16:59
Probleme mit Google Base R0x 142 1 Di 23.02.2010, 20:34
Probleme im Shop alex72 180 4 Mo 11.01.2010, 09:10
Kommentare im Artikel & Forum -> Problem ... hansg2008 186 3 Do 10.12.2009, 20:49
Probleme mit der DB Hardy11 173 0 Mi 9.12.2009, 18:01
Probleme mit Adsense R0x 271 2 Fr 16.10.2009, 13:48
Probleme mit Mootools chricke 195 1 Mo 28.09.2009, 19:38
Wordpress Probleme shoxiberlin 276 6 Sa 26.09.2009, 16:46




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]