Problem z CSS - wyświetlanie w odpowiednich miejscach


(L337 Crew) #1

Witam!

Mam taki problem:

napisałem sobie kod CSS,

lecz niestety nie mogę zrobić jednej rzeczy :confused:

Mianowicie chodzi o to,

że mam taki układ:

top,

lewe menu, środek,

stopka

I chcę dodać analogicznie do lewego menu prawe...

Żeby było po drugiej stronie...

Niestety dodaje mi po prawej,

ale pod tym lewym :frowning:

Oto kodzik ...

.blok	{

	letter-spacing: 4px;

	font: bold;

	color: Lime;

}


A:link { color: Blue }

A:visited { color: blue }

A:active { color: Black }

body {

padding: 0;

margin: 0;

font-family: Verdana, Arial, Comic Sans Ms;

font-size: 12px;

color: black;

background-color: white;

}

.naglowek {

	color: Orange;

	font: 16px;

	font: bold;

}

#top {

	width: 100%;

	height: 150px;

	background-color: #3B5377;

}

#srodek {

margin-top: 1px;

float: right;

width: 83%;

background-color: #FFFFFF;

height: auto;

height: 5000px;

background-repeat: repeat-y;

}

#lewa {

margin-top: 1px;

background-repeat: repeat;

width: 100%;

height: 5000px;

background-image: url(img/tlo.gif);

color: white;

}


#stopka {

	margin-top: 1px;

	float: right;

	width: 83%;

	height: auto;

	background-image: url(img/stop.gif);

	color: Black;

}

#prawa {

	margin-top: 1px;

	width: %;

	height: 5000px;

	color: Blue;

	background-color: Black;

	float: right;

}

Jest to tylko taki testowy szablonik,

bo chcę wiedzieć jak dać do prawej ...

wartości szerokość określam w procentach,

natomiast wysokość specjalnie w pixelach,

ponieważ w firefoxie sie robi niepożądany efekt :wink:


(Piotrek Płatek) #2

Jak dla mnie to tu zupełnie jakiś bałagan panuje.

lewa ma szerokość 100%, a więc co ma się zmieścić obok niego ?

srodek ma kolejne 83% :slight_smile: (o co chodzi ? już jest 185%)

Zmniejsz te szerokości, daj float na left i chyba wsio

No i rzecz jasna utwórz prawe menu :slight_smile:


(L337 Crew) #3

ok. Piotrek Płatek świetna pomoc :smiley:

A dlatego bałagan jest,

ponieważ ja kod tworzyłem po części ...

tzn. raz zrobiłem menu i top,

poźniej środek i byłem pewien że te wartości są ok.

Teraz już wszystko wiem :slight_smile:

Dzięki za pomoc,

pozdrawiam.

Złączono Posta : 16.06.2006 (Pią) 21:46

Kurcze ........

dalej coś jest nie tak :frowning:

Tzn. jak prawemu i lewemu menu dam width 20% (łącznie jest 40%) to na środek przypada width 60% i tak jest ok.

Tyle tylko, że ja chcę zmniejszyć to menu, ponieważ za duże :stuck_out_tongue:

Więc lewemu daję 15% , prawemu 15%, a na środek przypada 70% ...

niestety wówczas dzieje się to co wcześniej :confused:

A w top style wyświetla się wsio ok,

ale po uploadzie na serwer .... katastrofa ...


(Piotrek Płatek) #4

Zmniejsz na przykład środek do 68%. Jeśli to nie zadziała, to jeszcze przytnij o 2%. Wiem, że to trochę głupawa metoda, bo aż 4% się marnują, ale na chwilę bieżącą tylko tak sobie z takimi rzeczami radzę.


(L337 Crew) #5

Dobra już jest okay :slight_smile: (dałem 69% i mam jakby "margines" od tekstu :D)

Ja robiłem podobnie,

tyle tylko, że dawałem mniejsze wartości (na środek 60%),

ale zdziwiony byłem,

ponieważ jak się da z 30,30 i 60 %

to czemu ma się nie dać z 15,15 i 70 % :stuck_out_tongue:

Bo w sumie wychodzi na to samo :stuck_out_tongue:


(Piotrek Płatek) #6

Przeglądarki są głupie. Najfajniej jest wrzucić tę samą stronkę na różne serwery...