
my1x.xhtml:
<?xml version="1.0" encoding="iso-8859-2"?> <?xml-stylesheet href="style.css" type="text/css"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"> <head> </head> <body> <div class="page"> <div id="menu_l"> Lewe menu </div> <div id="center"> center </div> <div id="menu_p"> Prawe menu </div> </div> </body> </html>
style.css:
Kod
.page{
width:80%;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#menu_l{
width:30%;
float:left;
position:relative;
background-color:#00FF00;
}
#center{
width:40%;
float:center;
position:relative;
background-color:#ffffff;
}
#menu_p{
width:30%;
float:right;
position:relative;
background-color:#00FF00;
}
Pisalem to sam wiec nie mwoic ze jakis gupi kurs czy cos. Myslalem ze sie to tak robi width:80%;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#menu_l{
width:30%;
float:left;
position:relative;
background-color:#00FF00;
}
#center{
width:40%;
float:center;
position:relative;
background-color:#ffffff;
}
#menu_p{
width:30%;
float:right;
position:relative;
background-color:#00FF00;
}
