Grafik ausrichten

[Roman]

Hallo Leute!

bin schon seit 1 Std. am grübbeln. Ich habe schon einiges ausprobiert um die Grafik zentriert auszurichten. Vielleicht seht ihr wo ich Fehler gemacht habe...
Das eine was bisher geholfen hat ist der Tag <center> der ist aber nicht XHTML konform.
Ich würde gerne wissen wie es richtig mit CSS geht.

Das andere Problem, wie ihr seht habe ich im "header_left" Farbe definiert, die wird aber nicht angezeigt, es wird die farbe von "leftcol" angezeigt... wieso?
Ich bin, wass CSS angeht, ein Newbie, deshalb bitte nicht gleich hauen ;-)

Ich habe hier folgendes CSS-Script:
(ich poste nur wichtige classes)

#leftcol{
 height: 100%;
 width:25%;
 min-width:184px;
 float:left;
 position:relative;
 margin-left:0px;
 margin-right:0px;
 background-color:#cacaca;
 }

#header_left{
 height: 28px;
 width:100%;
 min-width:184px;
 vertical-align: middle center;
 text-align: middle center;
 position:relative middle center;
 margin-left:5px;
 margin-right:5px;
 background-color:#ff0000;
 background-position:middle center;
 }

und das hier ist html-seite:

<div id="pagewidth" >
 <div id="leftcol" >
  <div class="content">
   <div class="header_left"><img src="fileadmin/_data/_globals/g_tec_02.gif" width="184" height="28" alt="Home"/>
   </div>
  </div>
 </div>
 <div id="maincol" >
  <div class="content">
  Main Content Column
  </div>
 </div>
 <div id="rightcol" >
  <div class="content">
  Right ColumnRight
  </div>
 </div>
 </div>

Vielen Dank!
Roman

[azok]

hi!

Das eine was bisher geholfen hat ist der Tag <center> der ist aber nicht XHTML konform.

probiers doch mal mit:

<div style="text-align:center;"><img src="bild.png" style="..." /></div>

anstelle von <div> kannst du ja noch <p style> verwenden...

hoffe, ich konnte helfen

lg
azok(=freak)

[Roman]

probiers doch mal mit:

<div style="text-align:center;"><img src="bild.png" style="..." /></div>

hoffe, ich konnte helfen

ja, hast Du!

Danke!
Roman

PS: wüsste jemand wieso CSS die Farbe von einem verschachteltem div bei mir nicht zeigt?

[Roman]

PS: wüsste jemand wieso CSS die Farbe von einem verschachteltem div bei mir nicht zeigt?

ich weiss nicht wieso aber direkte style-eingabe im div-Tag bewirkte wunder
über css-classes ging es nicht....

[azok]

hi!

über css-classes ging es nicht....

hättest dus ja mal mit einer div id versuchen können...

lg
azok(=freak)

[Roman]

über css-classes ging es nicht....
hättest dus ja mal mit einer div id versuchen können...

Habe ich doch gemacht... guck dir mal mein Posting und das Quellcode unten

Roman

[MudGuard]

Hi,

über css-classes ging es nicht....
hättest dus ja mal mit einer div id versuchen können...

Habe ich doch gemacht... guck dir mal mein Posting und das Quellcode unten

Eben - #header_left im CSS, Aber <div class="header_left"> im HTML.
Btw, ältere Browser haben Probleme mit _ in id/class - da dies in CSS 2 erst in den Errata erlaubt wurde.

cu,
Andreas

[Roman]

Hallo Andreas!

über css-classes ging es nicht....
hättest dus ja mal mit einer div id versuchen können...
Habe ich doch gemacht... guck dir mal mein Posting und das Quellcode unten
Eben - #header_left im CSS, Aber <div class="header_left"> im HTML.
Btw, ältere Browser haben Probleme mit _ in id/class - da dies in CSS 2 erst in den Errata erlaubt wurde.

achso, na dann alles klar!!!

Ich danke euch!
Roman

[Ingo Turski]

Hi,

vertical-align: middle center;
 text-align: middle center;
 position:relative middle center;

nette Ideen - schlage Sie doch mal dem W3C vor ;-) Bis dahin solltest Du aber schon bei den CSS-Definitionen bleiben die im Standard festgelegt und in Selfhtml nachzulesen sind.
Ein Tip: verzichte auch auf Angaben zu position.

freundliche Grüße
Ingo

[azok]

hi!

Das andere Problem, wie ihr seht habe ich im "header_left" Farbe definiert, die wird aber nicht angezeigt, es wird die farbe von "leftcol" angezeigt... wieso?
Ich bin, wass CSS angeht, ein Newbie, deshalb bitte nicht gleich hauen ;-)

... höhen angaben von divs... naja, ich weiß nicht.

probiers mal mit einem z-index f. beide div-ebenen

lg
azok(=freak)

[MudGuard]

Hi,

#leftcol{
height: 100%;

Wie hoch ist das Elternelement?

float:left;
position:relative;

position ist bedeutungslos, wenn float angegeben wurde.

#header_left{
vertical-align: middle center;

Muß ignoriert werden, da der Wert 'middle center' nicht existiert.

text-align: middle center;

Muß ignoriert werden, da der Wert 'middle center' nicht existiert.

position:relative middle center;

Muß ignoriert werden, da der Wert 'relative middle center' nicht existiert.

background-position:'middle center';

Muß ignoriert werden, da der Wert 'middle' nicht existiert.

<div id="pagewidth" >
<div id="leftcol" >
  <div class="content">

Wie sieht das CSS für content aus?

<div class="header_left"><img src="fileadmin/_data/_globals/g_tec_02.gif" width="184" height="28" alt="Home"/>

Bist Du sicher, daß Du 3 div brauchst, um das Bild einzupacken?

</div>
  </div>
</div>

cu,
Andreas