przyznam sie, ze 3 dzien probuje cos wymyslec ...
znam xhtml i css, tak w miare, ale nie mam zadnego dobrego pomyslu ...
chodzi mi o zrobienie czegos takiego >> zobacz
ale niestety nie udaje mi sie. probowalem nadawac position: absolute, potem float: left, ale nie udalo mi sie nadac dla 3 elementow w srodkowej czesci :/
ten rysunek to schemat ... wazne jest, zeby dla calosci moc nadac ramke po lewej i prawej stronie (border-left, border-right)
bardzo prosze o pomoc ...
Pełna wersja: jaki stworzyc taki layout?
Dzis mam dobry humor, i akurat zenda otwartego 
Szerokosc ustawilem sobie aby patrzec czy dziala
Kod
#container {}
#top {
height: 200px;
}
#srodek {
min-height: 300px;
}
#ml {
float: left;
width: 20%;
}
#mr {
float: right;
width: 20%;
}
#dr {
float: right;
}
#top {
height: 200px;
}
#srodek {
min-height: 300px;
}
#ml {
float: left;
width: 20%;
}
#mr {
float: right;
width: 20%;
}
#dr {
float: right;
}
Szerokosc ustawilem sobie aby patrzec czy dziala
no niestety ... nie dziala :/
bo wyswietla mi tylko menu i tresc w jednej linii, a menu_prawe jest juz w nastepnej razem z lewa czescia bottoma, a druga czesc jest w nastepnej, a nie o to chodzi ...
bo wyswietla mi tylko menu i tresc w jednej linii, a menu_prawe jest juz w nastepnej razem z lewa czescia bottoma, a druga czesc jest w nastepnej, a nie o to chodzi ...
ooo ... dzieki wielkie :)
tego wlasnie bylo mi trzeba.
tego wlasnie bylo mi trzeba.
Tak z ciekawosci, co w moim kodzie jest zle 
tak mi sie ten temat spodobal, ze zrobilem swoja wersje i pomimo skonczonego problemu jeszcze ją tu zamieszcze:
index.html
styl.css
index.html
styl.css
Kod
Body {
text-align: center;
background-color: Blue;
}
div#cal {
width: 700px;
background-color: Gray;
margin: 0 auto;
}
div#gora {
background-color: Green;
height: 100px;
}
div#ml {
float: left;
width: 150px;
background-color: Aqua;
}
div#srodek {
float: left;
width: 400px;
background-color: Lime;
}
div#mr {
float: left;
width: 150px;
background-color: Red;
}
div#dol {
background-color: Silver;
clear: both;
height: 20px;
}
div#srodek p {
margin: 7px;
padding: 1px;
background-color: Yellow;
}
div#dol span {
display: block;
width: 350px;
height: 20px;
float: left;
}
span#dl {
background-color: #FFE4C4;
}
span#dr {
background-color: #DEB887;
}
text-align: center;
background-color: Blue;
}
div#cal {
width: 700px;
background-color: Gray;
margin: 0 auto;
}
div#gora {
background-color: Green;
height: 100px;
}
div#ml {
float: left;
width: 150px;
background-color: Aqua;
}
div#srodek {
float: left;
width: 400px;
background-color: Lime;
}
div#mr {
float: left;
width: 150px;
background-color: Red;
}
div#dol {
background-color: Silver;
clear: both;
height: 20px;
}
div#srodek p {
margin: 7px;
padding: 1px;
background-color: Yellow;
}
div#dol span {
display: block;
width: 350px;
height: 20px;
float: left;
}
span#dl {
background-color: #FFE4C4;
}
span#dr {
background-color: #DEB887;
}
no prawie @volume ;)
mi chodzilo o to, zeby kazdy z przedstawionych przeze mnie elementow byl div'em, bo dopiero w nich bede umieszczal cala reszta: <p>, inne <div>, <img>, itd.
mi chodzilo o to, zeby kazdy z przedstawionych przeze mnie elementow byl div'em, bo dopiero w nich bede umieszczal cala reszta: <p>, inne <div>, <img>, itd.
AHa w takim razie po prostu akapity i spany zastąp divami. Z kodu css usuń tam gdzie byly spany display: block; (bo div juz ma tą wlasnosc bloku wiec to jest zbedne) i tam gdzie akapity p usun marginn i padding albo sam ustal swoje dla divów.
Niektórzy jak już się wezmą za divy to jakby przestają dopuszczac do kodu inne tagi co jest jednak błędem.
Niektórzy jak już się wezmą za divy to jakby przestają dopuszczac do kodu inne tagi co jest jednak błędem.
Volume oj oj.... prawde gadasz niestety, prawde 
Najciekawsze jest niestety to ze w wiekszosci wypadkow jest to spowodowane brakiem wiedzy, bo jak <p> jest jeszcze w miare popularne, tak jakies <em>, jakies inne znaczniki listowe to juz jest zbedny gadget, ktorego uzycie da rade ominac.
Dobrze ze jednak powoli ludzie staraja sie divami tworzyc www, a nie na tabelkach. To juz duzy krok na przod. Oby tak dalej
Najciekawsze jest niestety to ze w wiekszosci wypadkow jest to spowodowane brakiem wiedzy, bo jak <p> jest jeszcze w miare popularne, tak jakies <em>, jakies inne znaczniki listowe to juz jest zbedny gadget, ktorego uzycie da rade ominac. Dobrze ze jednak powoli ludzie staraja sie divami tworzyc www, a nie na tabelkach. To juz duzy krok na przod. Oby tak dalej
hehe :) co do mnie, to <div> i css zaczalem stosowac jak tylko o tym uslyszalem.
@bela_666 wynik kodu, ktory podales prezentuje sie w takich duzym uproszczeniu w ten sposob:
jak widzisz, menu, tresc i menu prawe nie sa w jednej linii.
o to mi chodzilo :)
@bela_666 wynik kodu, ktory podales prezentuje sie w takich duzym uproszczeniu w ten sposob:
Kod
top
menu tresc
stopka1 menu prawe
stopka2
menu tresc
stopka1 menu prawe
stopka2
jak widzisz, menu, tresc i menu prawe nie sa w jednej linii.
o to mi chodzilo :)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.