✔ 3 Container nebeneinander ?

Status
Nicht offen für weitere Antworten.
CvH

CvH

Erfahrenes Mitglied
Hi ich habe ein Problem, ich habe versucht 3 Container nebeneinander zu machen

Der linke ist 150px breit der mittlere ist 100% und der rechte 200px

so nur macht es jetzt das ganze untereinander gibt es keinen befehl das ich die gesamten container Links mitte rechts ausrichten kann ?

PHP: 
<div class=site_mitte_links>links</div>
<div class=site_mitte_mitte>mitte</div>
<div class=site_mitte_rechts>rechts</div>

die css dazu

PHP: 
.site_mitte_links {
	height: auto;
	width: 160px; }
.site_mitte_mitte {
	height: auto;
	width: 100%; }
.site_mitte_rechts {
	height: auto;
	width: 200px; }

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

so mein ich das wenn das IIIIIIIIIIIIIIIIIIIII jeweils ein container ist !

Das ziel ist das ich links und rechts eine navleiste habe die eine feste breite haben und die mitte soll sich anpassen wie breit eben der Bildschirm/Auflösung ist !

Aber das ganze eben ohne Tabellen wegen der Skinbarkeit ;)

CSS Skins rulez :p
 
Huhu,

<div>-Tags erzeugen automatisch Zeilenumbrüche, <span>-Tags hingegen besitzen die gleiche Funktion zur Erschaffung von Dokumentenabschnitten, erzeugen diesen jedoch nicht.

Bitte aber noch die Gänsefüßlein ergänzen beim class-Attribut, solche Konstrukte ohne Hochstriche gehören nicht in HTML-Quellcode. :)

Gruß vom Geist
 
Und falls du unbedingt Divs benutzen willst:
Einfach in jede CSS-Definition ein display: inline; reinschreiben.

Ps: Hallo Geist :)

Geist's edit: Huhu Nuinmundo ;)
 
Zuletzt bearbeitet von einem Moderator:
TX also mit dem unterschied von Span und Div ... -> hätte ich mir auch mal angucken können blos darauf bin ich nicht gekommen !!


Aber wie bekomm ich es hin das links und rechts das ganze feste werte hat und in der mitte es sich auf die größe der seite anpasst ?
bei 100% drückt der mittlere Teil den Rechten eine Zeile Tiefer bei 60% siehts zwar gut aus aber je nach Größenänderung der seite passt es sich eben nicht an :(

Kann man das nicht irgendwie so machen 100%-350px oder sowas , das hab ich glaubeich schonmal wo gelesen ... oder ?

Irgendwie bin ich ratlos :(
 
Holla, der Geist ist wieder da :)

@ CvH
versuch mal follgendes, sollte eingentlich funktionieren...
PHP: 
<html>
<head>

<style type="text/css">
<!--
.left {
      position:absolute;
      width:200px;
      background-color:#efefef;
      }
      
.right{
      position:absolute;
      width:160px;
      background-color:#efefef;
      right:0px;
      }
      
.mitte{
      position:absolute;
      width:100%;
      padding-left:210px;
      padding-right:160px;
      }  
-->
</style>

</head>
<body>
<span class="mitte" id="mitte">
  Content<br>
  Content<br>
  Content<br>
  Content<br>
  Content<br>
</span>

<span class="right" id="right">
  rechter Inhalt<br>
  rechter Inhalt<br>
  rechter Inhalt<br>
  rechter Inhalt<br>
  rechter Inhalt<br>
</span>

<span class="left" id="left">
  linker Inhalt<br>
  linker Inhalt<br>
  linker Inhalt<br>
  linker Inhalt<br>
  linker Inhalt<br>
</span>
</body>
</html>
bye
 
gut gut gut :D

es funktioniert !

aber so am rande gefragt
PHP: 
<span class="mitte" id="mitte" >

id="mitte"

id ?? für was ist das gut ?

im normalfall ist doch das was für <li id="off">

PHP: 
#off {   COLOR: #005500; }

oder ? o_O vorallem wär das ja dann eine doppel Belegung !
 
Das ID kannst du rauslassen - hatte davor einen Versuch, das ganzen mit Javascript zu lösen (wobei die ID gebraucht wird). So war's aber dann doch einfacher...

bye
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück