mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 19:25 Benutzername: Passwort: Auto-Login

Thema: css: 1 div, 2 spalten und ne menge ärger! vom 20.04.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> css: 1 div, 2 spalten und ne menge ärger!
Seite: 1, 2, 3  Weiter
Autor Nachricht
mondamin_chick
Threadersteller

Dabei seit: 14.01.2004
Ort: bodensee
Alter: 32
Geschlecht: Weiblich
Verfasst Di 20.04.2004 14:12
Titel

css: 1 div, 2 spalten und ne menge ärger!

Antworten mit Zitat Zum Seitenanfang

hey ho, kann mir jemand bitte helfen!? *kniefallmach*
folgendes prob:

ich habe ein div(firstdiv), in dem sind zwei weitere divs enthalten. diese sollen nebeneinander stehen(left+right).
zudem: (left+right) sollen sich in der höhe dem inhalt anpassen.

wenn (right) längeren text beinhaltet soll sich (firstdiv) ebenfalls verlängern und (left) dann auch ...

und das ganze zusätzlich noch auf mozilla laufen ...

HILFE!

ich bekomms seit 3h nich hin, das hier war leider auch keine hilfe (bevor's jemand postet):
http://www.pmob.co.uk/temp/2colfixedtest_4.htm

wär cool, wenn mir jemand weiter helfen könnte!
  View user's profile Private Nachricht senden
gehirnfabrik

Dabei seit: 04.07.2003
Ort: Stuttgart
Alter: 40
Geschlecht: Männlich
Verfasst Di 20.04.2004 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

zeich mal den Quellcode oder die seite

vielleicht ist das nur ein kleiner Fehler ?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mondamin_chick
Threadersteller

Dabei seit: 14.01.2004
Ort: bodensee
Alter: 32
Geschlecht: Weiblich
Verfasst Di 20.04.2004 15:11
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

<body style=margin:0px;text-align:center;margin-top:50px;background-color:#E9E0CA;>

<!-- aussen - notwendig fuer align:center -->
<div style=width:877;margin-right:auto;margin-left:auto;>

   <div style=border:1px solid red;>
   <!-- spalte links -->
   <div style=float:left;width:226px;position:relative;text-align:left;>

      <!-- logo -->
      <div style=height:68px;background-color:#AFD0E2;position:relative;>logo</div>
      <!-- /logo -->

      <!-- navigation -->
      <div style=background-color:#00629C;padding:28px 0px 5px 24px;position:relative;>
         <div>bild - navi punkt 1</div>
         <div>bild - navi punkt 2</div>
         <div>bild - navi punkt 3</div>
         <div>bild - navi punkt 4</div>
      </div>
      <!-- /navigation -->

      <!-- ausloggen -->
      <div style=height:54px;background-image:url(../images/layout_ecke_unten.gif);background-repeat:no-repeat;position:relative;>
         <div style=background-color:#00629C;margin-left:74px;height:100%;padding-left:11px;>
            <div style=padding-top:15px;>ausloggen</div>
         </div>
      </div>
      <!-- /ausloggen -->

   </div>
   <!-- /spalte links -->

   <!-- spalte rechts -->
   <div style=float:left;width:648px;background-color:green;position:relative;margin-right:auto;>
   rechts
   </div>
   <!-- /spalte rechts -->
   </div>

</div>
<!-- /aussen -->



hmmm ... hab jetzt in den äusseren div mit nem hintergrund belegt. hab keine einzige vernünftige lösung im www gefunden. *Schnief* hach ja. schade ...


sieht jetzt so aus:

Code:

<body style=text-align:center;margin: 50px 0px 0px 0px;>

<div style=background-image:url(../images/layout_hintergrund.gif);background-repeat:repeat-y;width:873px;margin-left:auto;margin-right:auto;text-align:left;>

   <div style=float:left;height:auto;vertical-align:bottom;width:226px;>div 1</div>

   <div style=float:none;padding-left:226px;>div2<br>

      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>
      Text beliebig lang ...<br/>

   </div>

   <div style=background-image:url(../images/layout_hintergrund.gif);background-repeat:repeat-y;><img src=../images/layout_ecke_unten.gif alt= title= width=74 height=54 border=0/></div>

</div>


//EDIT by Sarky
Bitte Code-Tags verwenden!


Zuletzt bearbeitet von Sarky am Mi 21.04.2004 08:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
lubux

Dabei seit: 24.03.2004
Ort: münster
Alter: 35
Geschlecht: Männlich
Verfasst Di 20.04.2004 15:37
Titel

Antworten mit Zitat Zum Seitenanfang

der mozilla sollte eigentlich keine probleme machen. version 1.4 hat noch ein paar bugs bzgl. tief verschachtelter css-layouts, die sind in version 1.6 aber behoben.
wenn die linke spalte schon die eigenschaft "float : left" hat, müsste die rechte spalte eigentlich keine float-angabe mehr benötigen. ich werde leider aus deinem quelltext nicht so ganz schlau.
hast du die seite irgendwo im netz?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
lechuza

Dabei seit: 23.09.2003
Ort: Hamburg
Alter: 37
Geschlecht: Männlich
Verfasst Di 07.09.2004 00:52
Titel

Antworten mit Zitat Zum Seitenanfang

ich hab genau das gleiche problem, und zwar schauts bei mir so aus im firefox, im ie ist in der linke spalte mit den thumbnails der background (das weiß und die pinke linie rechts) nur so gros wie der inhalt.

meine divs sehen so aus:
Code:
 
<div id="content">
    <div id="contentLeft">thumbnails mit weißem hintergrund</div>
    <div id="contentRight">blauer hintergrund</div>
</div>


das css dazu:
Code:

#content {
position:relative;
border: solid 1px #E800C5;
margin:0px;
padding:0; 
background: #C4D3F2;
height:100%
}

#contentLeft {
padding:0;
margin:0;
float:left;
border-right: solid 1px #E800C5;
background:url(images/rubrik_motive.gif) no-repeat #ffffff;
padding-top:20px;
width:122px; 
text-align:center;
height:100%;
}

#contentRight {
padding:0;
margin:0;
margin-left:122px;
padding-left:20px;
padding-top:10px;
background: transparent;
text-align:left;
}


weiß jemand wo mein fehler liegt!?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
karmacoder

Dabei seit: 15.04.2002
Ort: Fürth
Alter: 35
Geschlecht: Männlich
Verfasst Di 07.09.2004 06:50
Titel

Antworten mit Zitat Zum Seitenanfang

ich glaub du must body auch auf 100% höhe setzen, vielleicht sogar html.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
HotSpot

Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 07.09.2004 07:33
Titel

Antworten mit Zitat Zum Seitenanfang

Ist nur mit einer Hintergrundgrafik möglich, DIVs kann man in der Höhe nicht an ein anderes DIV daneben anpassen.
  View user's profile Private Nachricht senden
lechuza

Dabei seit: 23.09.2003
Ort: Hamburg
Alter: 37
Geschlecht: Männlich
Verfasst Di 07.09.2004 10:06
Titel

Antworten mit Zitat Zum Seitenanfang

HotSpot hat geschrieben:
Ist nur mit einer Hintergrundgrafik möglich, DIVs kann man in der Höhe nicht an ein anderes DIV daneben anpassen.


aber auch die hintergrundgrafik ist doch nur soweit sichtbar, wie hoch das div ist!?

@karma: welches "body" muss ich auf 100% setzen? das normale html-body?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen zwei div´s ein flashfilm und jede menge ärger
liste in einer div-box mit fester höhe über mehrere Spalten?
CSS Frage : Body div /div div ?
css > spalten ...
css 3 spalten nebeneinander
css > spalten > mittig ...
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.