Forum PHP.pl

Witam mam taki styl css:

[HTML] pobierz, plaintext 
#leftmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:290px;
height:100%;
border:1px solid #b7b7b7;
float:left;
}
 
#centerblock{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:500px;
height:100%;
border:1px solid #b7b7b7;
margin-left:295px;
}
 
#rightmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:170px;
height:100%;
border:1px solid #b7b7b7;
margin-left:815px;
float:right;
}
[HTML] pobierz, plaintext 

i taki kod html:

[HTML] pobierz, plaintext 
<div id="leftmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="rightmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="centerblock">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
[HTML] pobierz, plaintext 

i wyglada to nastepujaca:

leftmenu centerblock
rightmenu


right menu ucieka pod left i center, dlaczego tak sie dzieje?

musisz zrobić jeszcze tzw div main czyli głównego a dopiero w tego głównego wstawić te 3

jest juz main nazywa sie content o szerokosci 1000px tylko dalem ten kod ktorego sie dotyczy temat tak jak prosza

[HTML] pobierz, plaintext 
<div id="container">
<div id="header"></div>
<div id="menu">
</div>
<div id="undermenu"></div>
 
<div id="content">
 
 
<div id="leftmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="rightmenu">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
<div id="centerblock">fdgfhhfghfghfg fgh fdh fg hfdg hfh fgh f hf f f hfg hfgh fg hfdfg hfdgh  hfg</div>
 
 
 
<div class="clearfix"></div>
</div>
</div>
[HTML] pobierz, plaintext 

HTML

[HTML] pobierz, plaintext 
#content{
background:#c8c8c8 url("../images/content.png");
background-position:top center;
background-repeat:repeat-y;
width:990px;
height:100%;
padding:5px 5px 5px 5px;
}
 
#leftmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:290px;
height:100%;
border:1px solid #b7b7b7;
float:left;
}
 
#centerblock{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:500px;
height:100%;
border:1px solid #b7b7b7;
margin-left:295px;
}
 
#rightmenu{
background:#f5f5f5;
background-image:url("../images/div_top.png"),url("../images/div_bottom.png");
background-position:top center, bottom center;
background-repeat:repeat-x, repeat-x;
width:170px;
height:100%;
border:1px solid #b7b7b7;
margin-left:815px;
float:right;
}
 
 
.clearfix{
clear:both;
}
[HTML] pobierz, plaintext 

CSS

Ten post edytował Raven1122 2.09.2012, 20:54:29

Dziala :] Daje Pomogl

no i własnie... w marginesach jest problem... pamiętaj że jeśli main ma 1000 szerokości wszystkie divy które chcesz w nim poziomo ustawić musza mieć łącznie max 1000 px wraz z szerokością , obramowaniem i marginesami