Autor |
Nachricht |
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 28.02.2007 11:43
Titel CSS Layout Problem 3 Spalten ich verzweifel (Tabbellenmensch |
|
|
Liebe CSS Götter da drausen!!! BITTE HELFEN ich verzweifel (Probezeit usw ..)
Muss ein Layout in CSS Basteln drei Spalten
oben links und recht platz für logo usw
mitte platz für bild/überschrift
drunter
linke spalte und erchte spalte menü
mitte platz für content
ich habe eine vorlage zum umbauen: scheitere aber immer wieder
zudem soll das ding in zwei versionen sein
einmal alles zentriert (wie in vorlage)
zweitens rechte und linke spalte am rechten bzw linken bildschirmrand .... mitte variabel ...
BITTE HELFEN ist für mich superwichtig
daten hab ich unter www.axelditter.de/cssproblem.zip hinterlegt (CSS/HTML/und PDF skizze so wie ichs haben will)
ich muss eigentlich "nur" den oberen linken bereich auf die gleiche höhe 200 px bringen , aber dann verschiuebt sich der obere rechte ????????????????
---- kann mir denn keiner helfen?
also ich will doch eigentlich nur den hier in der höhe verändern: also anstatt 317px will ich 200, damit dieser gleich hoch ist wie die anderen beiden oben .....
Code: | #hauptnavi {
position: relative;
top:0px;
left:0px;
width: 220px;
height: 317px;
background-repeat: no-repeat;
background-color: #FF99CC;
} |
wenn ich das aber tue rutschen die zwei oberen auch weg ......
so solls aussehen
Zuletzt bearbeitet von am Mi 28.02.2007 15:05, insgesamt 2-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 28.02.2007 15:51
Titel
|
|
|
Macht dann 5.434 Euro. Bitte nur Barzahlung.
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/1999/PR-xhtml1-19991210/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
HTML, BODY {
height:100%;
}
BODY {
margin:0;
padding:0;
text-align:center;
}
DIV#container {
position:relative;
margin:0 auto;
height:100%;
width:800px;
}
DIV#col1, DIV#col2, DIV#col3 {
position:relative;
min-height:100%;
float:left;
width:200px;
}
DIV#col1 {
background:black;
}
DIV#col2 {
background:red;
width:400px;
}
DIV#col3 {
background:purple;
}
DIV#sub1 {
position:relative;
background:cyan;
height:200px;
}
DIV#sub21 {
position:relative;
background:yellow;
height:130px;
}
DIV#sub22 {
position:relative;
background:green;
height:70px;
}
DIV#sub3 {
position:relative;
background:magenta;
height:200px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
DIV#col1, DIV#col2, DIV#col3 {
height:100%;
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="col1">
<div id="sub1">
1-1
</div>
content 1
</div>
<div id="col2">
<div id="sub21">
2-1
</div>
<div id="sub22">
2-2
</div>
content 2
</div>
<div id="col3">
<div id="sub3">
3-1
</div>
content 3
</div>
</div>
</body>
</html>
|
|
|
|
|
|
Anzeige
|
|
|
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 28.02.2007 15:58
Titel
|
|
|
viiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiielen DANK!
danke, danke, danke!
due Rettung!
Wenn du mal in BaWü bist ---> Bier ghet klar !!! 5900 euro hab ich leider grad net ....
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 28.02.2007 21:19
Titel
|
|
|
Joa bittschön. Ein Bier ist auch ok
|
|
|
|
|
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 01.03.2007 14:56
Titel Nachschlag |
|
|
vielen Dank für die >Hilfe nochmals!!!
könntest du mir noch eine version mit nem "footer" untendrann geben??? büddee .....
Bier geht sowieso klar!
|
|
|
|
|
|
|
|
Ähnliche Themen |
[css] 3 spalten layout problem
problem mit 3 spalten css-layout
[CSS] Problem mit 3-Spalten Layout
Zwei Spalten Layout. Linke Seite fix
[CSS] 3-spalten layout - aber anders als sonst!
css 3 spalten layout mit fester mitte - bitte um hilfe!
|
|