zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Spacer Grafik mit variabler größe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.10.2007, 22:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2007
Beiträge: 1
kaipi befindet sich auf einem aufstrebenden Ast
Idee Spacer Grafik mit variabler größe

Hallo CSS Pros,

ich habe ein Problem, an dem ich jetzt schon seit 2 Tagen verzweifle.

Das wär folgendes:

Ich habe eine Website (KO | Home), auf dem ich 2 transparente Grafiken (links:Grafik1,rechts:Grafik2) und in der Mitte einen kleinen content bereich habe (zusammen 1000px). Jetzt zum eigentlichen Problem: da ich will, das die Website in allen Auflösungen funktioniert, wollte ich ein an die rechte Seite ein variabel großen div mit background (kleiner Strich der in die Länge gezogen aussieht wie ne "pipe") setzen. Das hat sich aber als garnicht so einfach herausgestellt, da dieses div entweder die falsche Größe (meist 100%) oder die falsche Positionierung hat.

Ich hab noch nicht so viel Praxis mit div basierten Layouts und hoffe jemand von euch hat eine Antwort auf mein Problem.

Nun zum Quelltext:
---------------------------------------------------------
Code:
<!-- positioniert divs in der Mitte -->

#aligner{
  position: absolute;
  height:300px;
  width:100%;
  top: 50%;
  margin-top: -150px;
  margin-left:-10px;
}

<!-- content bereich -->

#mcontent{
background-color:#e8ee30;
background-image:url(spacer.png);
background-repeat: repeat-x;
font-size:60px;
float:left;
font-family:arial black,Arial;
/*border:solid;*/
width:600px;
height:300px;
}

<!-- linke u rechte grafik (logo&pipe) -->

.lrcontent{
width:200px;
float:left;
}

<!-- Proplemkind ! der variabel zu Auflösung div -->

#spacer{
  background-image:url(spacer2.png);
  background-repeat:repeat-x;
  position: static;
  float:left;
  height:300px;
  width:100%;
  margin-left:-1000px;
  /*left:1000px*/
}

<!-- hält content&lrcontent zusammen -->

#test{
width:100%;
heigth:300px;
float:left;
}
Code:
<div id="aligner">
  <div id="test">
    <div id="lcontent"><img src="neon.png" /></div>
    <div id="mcontent"></div>
    <div id="rcontent"><img src="logo_r.png" /></div>
  </div>
  <div id="spacer">cgvh</div>
</div>
---------------------------------------------------------

vielleicht brauch ich auch nur ein kleinen denkanstoß ..
falls einer von euch eine Idee hat bitte helft mir

Danke im vorraus
Kai

Geändert von kaipi (11.10.2007 um 22:53 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.10.2007, 14:12
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Ich verstehe dein Problem nicht. Wo auf deiner Website soll noch was hin?
Ein Grafik wäre ganz nett.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
ein iFrame mit variabler Größe platzieren Cycophyp CSS 5 08.03.2011 15:19
POPUP mit variabler Grösse Rico Javascript & Ajax 10 11.02.2008 15:47
Grafik soll sich der Größe eines übergeordneten Feldes automatisch anpassen! VariouStyles CSS 1 30.08.2007 12:17
Größe eines Aufzählungspunktes beeinflussbar ohne Grafik? jorainbo CSS 3 02.12.2005 12:14
CSS Layout mit fester und variabler Größe Xavier CSS 7 18.01.2005 14:57


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