Forum Debian Users Gang

guzzi · 2006-12-21 09:46:14

Chcę zrobić w css div układ strony ale za choelerę nie mogę ustawić prawej kolunmy jak ustawie to prawa kolumna zjeżdza w dół a lewa i środek są ok.
Chodzi mi o taki układ

................................................nagłówek..............................................
KolLewa........................ środek na treści zmieniane...................KolPrawa

..................................................stopka................................................

No i problem siedzi w kolumnie prawej.

CSS:
#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 780px;
}

#naglowek {

margin : 0px;

border : 1px solid black;

padding : 0px;

width : 780px;

text-align : right;

background : rgb(234,233,200);

}

#kolumnaLewa {

position:relative;
float:left;
width:200px;

}

#tresc {

margin-left:200px;
position:relative;
margin-right:200px;

}

#kolumnaPrawa {

float:right;
width:190px;
position:relative;

}

#stopka {

margin : 0px;

border : 1px solid black;

padding : 7px 0px 7px 0px;

width : 780px;

clear : both;

font-family : verdana, helvetica, sans-serif;

text-align : right;

font-size : 8pt;

font-weight : bold;

background : rgb(234,233,200);

}

treść w *.html
<body onload="runSlideShow()">

<div id="strona">

<div id="naglowek">
<p>Nagłówek</p>
</div>

<div id="kolumnaLewa">
<p>Kolumna lewa</p>
</div>

<div id="tresc">
<p>tresc</p>
</div>

<div id="kolumnaPrawa">

<p>Kolumna prawa</p>
</div>

<div id="stopka">
<p>Stopka</p>
</div>

</div>

guzzi · 2006-12-21 13:49:02

nikt mi nie powie -szkoda :(

Contravene · 2006-12-21 14:09:12

W trzech częściach masz ustawione "position:relative". Zrezygnuj z tego, zwłaszcza że nie przypisujesz wartości przesunięcia. Zamiast tego dla lewego elementu przypisz "float:left", dla środkowego nic, co zaburzałoby jego pozycję w obiegu elementów strony, a dla prawego "float:right". I oczywiście obustronne tamowanie dla stopki.

maryaan · 2006-12-21 14:17:37

wystarczy tak:

Kod:

<head>
<style type="text/css">
* {
    text-align: center;
    margin: 0px;
    padding: 20 0 20 0;
}
#strona {
    margin : auto;
    border : 1px solid black;
    padding : 0px;
    width : 780px;
}
#naglowek {

    margin : 0px;
    border : 1px solid black;
    padding : 0px;
    width : 778px; 
    text-align : right;
    background : rgb(234,233,200);

}
#kolumnaLewa {
    float:left;
    width:200px;
    background: #ee33aa;
}
#tresc {
    width: 400px;
    float: left;
    background-color: #eeaabb;
}
#kolumnaPrawa {
    float:right;
    width:180px;
    background: #123abc;
}
#stopka {
    margin : 0px;
    border : 1px solid black;
    padding : 7px 0px 7px 0px;
    width : 778px; 
    clear : both;
    font-family : verdana, helvetica, sans-serif;
    text-align : right;
    font-size : 8pt;
    font-weight : bold;
    background : rgb(234,233,200);
} 
</style>
</head>
<body>
<div id="strona">
    <div id="naglowek"><p>Nagłówek</p></div>
    <div id="kolumnaLewa"><p>Kolumna lewa</p></div>
    <div id="tresc"><p>tresc</p></div>
    <div id="kolumnaPrawa"><p>Kolumna prawa</p></div>
    <div id="stopka"><p>Stopka</p></div>
</div>
</body>

bierz pod uwage szerokosc krawedzi ktora dodajesz bo w Twojej wersji caly naglowek i stopka ma szerokosc 782px zamiast 780

odstepy i kolory dalem zeby lepiej bylo widac ktory div jest ktory ;)

guzzi · 2006-12-21 14:19:32

Niby prawa kolumna jest z prawej strony ale jest obniżona pod lewą i środkiem. Cyzyli nadal ten sam problem

maryaan · 2006-12-21 14:52:50

zrzuty z ff i konquerora
[URL=http://img120.imageshack.us/my.php?image=zrzutekranu4ps6.jpg][/URL][URL=http://img274.imageshack.us/my.php?image=zrzutekranu3my6.jpg][/URL]

guzzi · 2006-12-21 15:03:19

Dzięki wielkie to o to mi właśnie chodziło działa.

maryaan · 2006-12-21 15:13:08

wrzuc linka jak zrobisz strone :)

guzzi · 2007-06-06 14:56:19

no to wrzucam

www.miedzyrzecgmina.pl

Contravene · 2007-06-07 13:24:08

Ładna, chociaż ja jestem zwolennikim ograniczania się we flashu. Tylko gdzież się podziała prawa kolumna?

guzzi · 2007-06-07 18:36:00

Z prawej kolumny zrezygnowałem a we fleshu jest tylko główny baner - no ale może postaram się zastąpić go jakimś gif-em

Forum Debian Users Gang

Ogłoszenie

#1 2006-12-21 09:46:14

guzzi - Członek DUG

Problem z css i div w ustawieniach strony

#2 2006-12-21 13:49:02

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#3 2006-12-21 14:09:12

Contravene - Użytkownik

Re: Problem z css i div w ustawieniach strony

#4 2006-12-21 14:17:37

maryaan - Użytkownik

Re: Problem z css i div w ustawieniach strony

Kod:

#5 2006-12-21 14:19:32

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#6 2006-12-21 14:52:50

maryaan - Użytkownik

Re: Problem z css i div w ustawieniach strony

#7 2006-12-21 15:03:19

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#8 2006-12-21 15:13:08

maryaan - Użytkownik

Re: Problem z css i div w ustawieniach strony

#9 2007-06-06 14:56:19

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

#10 2007-06-07 13:24:08

Contravene - Użytkownik

Re: Problem z css i div w ustawieniach strony

#11 2007-06-07 18:36:00

guzzi - Członek DUG

Re: Problem z css i div w ustawieniach strony

Stopka forum