php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 19.03.2005, 15:00  
Gast
 
Beiträge: n/a
Standard [Erledigt] DIV´s wollen nicht wie ich das will :-)

Hi zusammen!

erstmal ein Screenshot wie´s aussehen soll und wie ich die DIV´s bisher angeordnet habe:



Dann hier mal den code für die Div´s:

Code:
div.container_unten {
         z-index:1;
         margin: 0px;
         padding: 0px;
	position: relative;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 80px;
	background-image: url(../images/bg_unten.jpg);
         overflow: no;
}

div.container_rechts {
         z-index:2;
         left: 600px;
	top: 0px;
         width: 140px;
         height: 100%;
         margin: 0px;
         padding-top: 130px;
         padding-right: 10px;
         padding-bottom: 0px;
         padding-left: 10px;
	position: absolute;
	background-image: url(../images/bg_rechts.jpg);
         text-align: justify;
         overflow: no;
}

div.container_oben {
         z-index:3;
         margin: 0px;
         padding: 0px;
	position: absolute;
         left: 0px;
	top: 30px;
         width: 100%;
         height: 100px;
	background-image: url(../images/bg_oben.jpg);
         overflow: no;
}

div.container_haupt {
	z-index:1;
         margin: 0px;
         padding: 0px;
	position: absolute;
         left: 0px;
	top: 130px;
         width: 600px;
         height: auto;
         overflow: no;
}
dann hier der code in der index:

Code:
<div class="container_rechts">
bilder und text etc...
 </div>

 <div class="container_oben">
 logo oder ähnliches
 </div>

    <div class="container_haupt">
     mein langer text
   </div>

       <div class="container_unten">
  besucherzähler oder ähnliches
 </div>
So: mein Problem nun ist, dass bei dieser anordnung der Div´s der rechte graue div nicht verlängert wird, wenn ich mehr text im haupt-div habe ...
2. problem ist, dass der untere div (der eigentlich relativ zum haupt-div sein soll) nur noch ganz oben angezeigt wird .. wie als wäre die position absolute ... ist sie aber ja nicht!

Weiss jemand eine Lösung für mein Problem?!

danke schonmal
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 19.03.2005, 16:18  
Gast
 
Beiträge: n/a
Standard

Bin gerade dabei dir zu Helfen und bastel mir das Teil eben mal schnell nach.
container_haupt soll auch 100% sein oder nur so lang wie der Text drin ist ?

Ich poste dann ein Link dazu
  Mit Zitat antworten
Alt 19.03.2005, 16:25  
Gast
 
Beiträge: n/a
Standard

danke schonmal!

container_haupt soll immer so lang sein wie der text der da drin is ...
  Mit Zitat antworten
Alt 19.03.2005, 16:27  
Gast
 
Beiträge: n/a
Standard

Hmmm, dann hängt aber immer container_unten unterhalb vom container_haupt.

EDIT:
Meinst du das so: http://www.cix88.de/demo/t2.html ?
  Mit Zitat antworten
Alt 20.03.2005, 22:32  
Gast
 
Beiträge: n/a
Standard

also, das sieht schonmal sehr nach dem richtigen Ergebnis aus!

Was passiert aber, wenn der Text (mein langer text) noch viel viel länger wird ... bleibt der rechte graue balken auch auf 100%?!

Auf jeden fall mal danke ... weil so siehts richtig aus!




edit: also es funktioniert soweit - nur eben das Problem, dass der graue Balken rechts nicht immer genau so groß bleibt/wird wie der lange text ... was könnte ich da noch anders machen?
  Mit Zitat antworten
Alt 20.03.2005, 22:41  
Gast
 
Beiträge: n/a
Standard

Meinst jetzt, wo bei mir Gelb ist ?
Der Balken wird sicher auf 100% bleiben.
Einfach mal testen, und den Content bzw. Inhalt mit Blindtext füllen.

EDIT:

teste grad ...
Ups, geht doch nicht ...
Also mal nach neuer Lösung suchen ...
  Mit Zitat antworten
Alt 20.03.2005, 22:46  
Gast
 
Beiträge: n/a
Standard

*grinz* ich hab ja gesagt es geht nicht
Aber auf jeden Fall dickes THX an dich - machst dir ja richtig Gedanken darum ... bist auch dauernd hier online oder?!
  Mit Zitat antworten
Alt 21.03.2005, 10:14  
Erfahrener Benutzer
 
Registriert seit: 08.03.2005
Beiträge: 123
nullplan
Standard

wenn's garnicht geht nimm halt ne Tabelle... hatte auch so ein problem... mit na Tabelle ging's dann

cu
__________________
Was auch immer, du mich auch!
nullplan ist offline   Mit Zitat antworten
Alt 21.03.2005, 10:19  
Gast
 
Beiträge: n/a
Standard

Zitat:
bist auch dauernd hier online oder?!
Nö eigentlich nicht, nur nebenbei und wenn ich helfen kann, dann mache ich das auch.
Aber heute knobbel ich weiter ...
  Mit Zitat antworten
Alt 21.03.2005, 10:43  
Gast
 
Beiträge: n/a
Standard

an nullplan: wenn ich mit Tabellen arbeiten WÖLLTE würde ich das schon machen ... aber DIV´s sind einfach dynamischer und wesentlich einfacher in der Handhabung, wenns einmal funktioniert. Ausserdem spart es Quellcode und im groben und ganzen ist es wesentlich professioneller

Ich häng ja selbst auch dran rum - aber ist eben meine erste Seite die ich mit DIV´s aufziehen will ... deswegen hab ich noch nicht so den Plan
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
text bleibt nicht div, div so lang wie text inline-block geht nicht, div lang wie inhalt, div rechts oben in der ecke, text im div nicht ganz oben, div aufziehen 100, div mit aufgezogen, zu langer text div, div relativ aufziehen, mit tabelle div aufziehen, schrift bleibt nicht innerhalb der div

Alle Zeitangaben in WEZ +2. Es ist jetzt 23:16 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.