zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 sp, mitte fix, rechts + links variabel ???

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.02.2007, 21:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2007
Beiträge: 41
DevStyle befindet sich auf einem aufstrebenden Ast
Standard 3 sp, mitte fix, rechts + links variabel ???

Hallo,

habe ein 3 spaltiges Hintergrund-Layout, mit einer fixen mittleren Spalte.
Die mittlere Spalte hat eine feste breite und ein hintergrundbild und ist zentriert.

Die linke und rechte Spalte haben ebenfalls ein hintergrundbild welches aber mit der mittleren spalte "zusammenpassen" muß.
Jetzt sollen die linke und rechte Seite variabel sein, so das sie sich an verschiedene Auflösungen in der breite anpassen. was ich aber nicht hinbekomme.

Bin daher über jeden tip dankbar
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.02.2007, 21:56
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Eventuell hilft dir bei den Variablen Spalten die Eigenschaft background-position. Diese wird dazu verwendet, Hintergrundbildern an einer bestimmten Position beginnen zu lassen.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.02.2007, 22:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von DevStyle Beitrag anzeigen
Jetzt sollen die linke und rechte Seite variabel sein, so das sie sich an verschiedene Auflösungen in der breite anpassen. was ich aber nicht hinbekomme.
Welchen Inhalt bekommen die rechte und linke Spalte?
Poste bitte einen Link.
Mit Zitat antworten
  #4 (permalink)  
Alt 13.02.2007, 22:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2007
Beiträge: 41
DevStyle befindet sich auf einem aufstrebenden Ast
Standard

Link gibts noch nicht dazu.
links und rechts ist jeweils nur ein bild drin, als hintergrund.
das problem wie ich gerade feststelle ist ja das ich für die äußeren spalten immer eine breite angeben muß damit die bilder angezeigt werden, aber die soll ja je nach auflösung variabel sein.
Mit Zitat antworten
  #5 (permalink)  
Alt 13.02.2007, 22:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von DevStyle Beitrag anzeigen
links und rechts ist jeweils nur ein bild drin, als hintergrund.
Wenn es keinen Inhalt gibt dann brauchst du auch keine Spalten. Das ist typisches Tabellendenken.
Wenn du keinen Link hast dann zeig einen Screenshot, wie es mal aussehen soll und poste deinen bisherigen Code hier rein.
http://xhtmlforum.de/40267-faq-haeuf...d-haeufig.html
edit: hoppla, das war der falsche Link. Den meinte ich:
http://xhtmlforum.de/40080-fuer-frag...twortende.html
Aber der erste schadet auch nicht

Geändert von fricca (13.02.2007 um 22:15 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 13.02.2007, 23:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2007
Beiträge: 41
DevStyle befindet sich auf einem aufstrebenden Ast
Standard

CSS:
Code:
#mitte {
	margin: 0 auto;
	width: 850px; 
	height: 45px;
	background: url(mitte.gif) no-repeat;
	text-align: left;
}

#links { 
	position: absolute;
	top: 0;
	left: 0;
	background: url(links.jpg);
	background-position:top right;
	width: 15%;
	height: 700px;
}

#rechts {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 700px;
	background: url(rechts.jpg);
}
und so habe ich mir das gedacht
Layout:
Mit Zitat antworten
  #7 (permalink)  
Alt 13.02.2007, 23:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

CSS ohne HTML ist nutzlos. Poste vollständigen Code.
Lies den zweiten Link.

--

Ich sehe in deinem Bild ein einziges riesengroßes Hintergrundbild, keine Notwendigkeit für Spalten. Setz das Bild in Body und fertig.
Absolute Positionierung brauchst du sicher überhaupt nicht.
Mit Zitat antworten
  #8 (permalink)  
Alt 14.02.2007, 00:11
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2007
Beiträge: 41
DevStyle befindet sich auf einem aufstrebenden Ast
Standard

sind nur die 3 divs.
in den body geht nicht weil, das schwarze fenster in der mitte eins ist mit dem hintergrund.

wie soll ich es denn sonst positionieren?
Code:
<body>
<div id="links">&nbsp;</div>
<div id="mitte">&nbsp;</div>
<div id="rechts">&nbsp;</div>
</body>
</html>
Mit Zitat antworten
  #9 (permalink)  
Alt 14.02.2007, 00:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von DevStyle Beitrag anzeigen
in den body geht nicht weil, das schwarze fenster in der mitte eins ist mit dem hintergrund.
Und warum sollte es deshalb "nicht gehen"?
Außerdem: Dann mach die dunkle Box als zweites Bild und gib sie deinem Inhaltsbereich als Hintergrund.

Zitat:
wie soll ich es denn sonst positionieren?
Gar nicht. Ich habe das Gefühl, du denkst viel zu kompliziert.
Wie man Hintergrundbilder positioniert steht bereits in diesem Thread.

Das, was du hier abwirfst, ist noch immer kein vollständiger Code, sondern Schnipsel.
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei
Warum das so wichtig ist? Deshalb: DOCTYPE-Switch und seine Auswirkungen
Schau dich mal in anderen Threads dieses Forums um.

Du tust dir selbst den größten Gefallen, wenn du einen Link postest.
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
Schatten links und rechts vom Hauptdiv Xethon CSS 12 24.01.2010 21:57
Links und rechts eine Schattenleiste, die sich automatisch an Körper(div) anpasst? landau66 CSS 6 12.09.2009 14:01
3 spaltiges Layout: links rechts ausfließend, mitte fest designxx CSS 12 27.02.2009 14:48
komische Verschiebung - wo liegt das Problem? Muckel (X)HTML 5 03.01.2009 18:26
grafik links und rechts unten ohne zwischenraum einbinden ? Kurt CSS 2 08.06.2004 16:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:22 Uhr.